Click here for free DL of the app version that can save data.

No:2034

4783

←

Prev Next

→

10-game machine
Developer User3025｜Date and time 23/6/19 21:23:54
Build time 33.661 sec｜Game capacity 1.928KB｜

Script

10連ガチャ

今日の運勢

運勢を引いてください。

結果

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>10連ガチャ - スマホゲーム</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		body {
			background-color: #fff;
			color: #000;
			font-family: Arial, sans-serif;
			text-align: center;
		}

h1 {
			font-size: 48px;
			margin: 30px 0;
		}

h2 {
			font-size: 36px;
			margin: 20px 0;
		}

h3 {
			font-size: 24px;
			margin: 10px 0;
		}

p {
			font-size: 18px;
			margin: 5px 0;
		}

button {
			background-color: #ff4d4d;
			color: #fff;
			border: none;
			border-radius: 24px;
			font-size: 24px;
			padding: 10px 20px;
			cursor: pointer;
		}

.box {
			display: inline-block;
			margin: 20px;
			padding: 20px;
			border: 1px solid #000;
			border-radius: 10px;
			box-shadow: 0px 0px 10px 0px #000;
		}

.icon {
			font-size: 72px;
		}
	</style>
</head>
<body>
	<header>
		<h1>10連ガチャ</h1>
	</header>
	<main>
		<h2>今日の運勢</h2>
		<p>運勢を引いてください。</p>
		<button onclick="gacha()">引く</button>
		<div class="box">
			<h3>結果</h3>
			<p id="result"></p>
			<div id="icons"></div>
		</div>
	</main>

function gacha() {
			var results = [];
			var icons = "";

for (var i = 0; i < 10; i++) {
				var rand = Math.floor(Math.random() * fortunes.length);
				results.push(fortunes[rand].name);
				icons += '<span class="icon">' + fortunes[rand].icon + '</span>';
			}

document.getElementById("result").innerHTML = results.join(", ");
			document.getElementById("icons").innerHTML = icons;
		}
	</script>
</body>
</html>