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

No:1181

220

←

Prev Next

→

Please make games that can be played on a cell pho..ALL
Developer User3273｜Date and time 23/6/18 7:10:41
Build time 24.38 sec｜Game capacity 1.961KB｜

Script

以下は簡単な数字当てゲームのプログラムです。スマホでも遊べるように、ボタンをタップすることで操作できます。また、絵文字を使って見た目を楽しめるようにしました。

数字当てゲーム

1から10の数字を当ててください。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>数字当てゲーム</title>
	<style>
		body {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			font-size: 3rem;
			text-align: center;
		}

button {
			font-size: 3rem;
			padding: 1rem;
			margin: 1rem;
			border-radius: 1rem;
			border: none;
			background-color: #4CAF50;
			color: white;
		}
	</style>
</head>
<body>
	<h1>数字当てゲーム</h1>
	<p>1から10の数字を当ててください。</p>
	<p id="result"></p>
	<button id="1">1</button>
	<button id="2">2</button>
	<button id="3">3</button>
	<button id="4">4</button>
	<button id="5">5</button>
	<button id="6">6</button>
	<button id="7">7</button>
	<button id="8">8</button>
	<button id="9">9</button>
	<button id="10">10</button>

// ボタンがクリックされた時の処理
		function buttonClick(event) {
			// クリックされたボタンの番号を取得
			let number = Number(event.target.id);

// 当たりの場合
			if (number === answer) {
				document.getElementById("result").textContent = "🎉 正解！";
			}
			// 大きすぎる場合
			else if (number > answer) {
				document.getElementById("result").textContent = "⬇️ もっと小さい数です";
			}
			// 小さすぎる場合
			else {
				document.getElementById("result").textContent = "⬆️ もっと大きい数です";
			}
		}

// ボタンにイベントリスナーを設定
		document.querySelectorAll("button").forEach(button => {
			button.addEventListener("click", buttonClick);
		});
	</script>
</body>
</html>