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

No:42685

←

Prev Next

→

デザイナー
Developer User18862｜Date and time 24/2/12 18:20:30
Build time 2.485 sec｜Game capacity 0.375KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

10連ガチャ

今日の運勢

運勢を引いてください。

結果

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!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>