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

No:1094

123

←

Prev Next

→

Game Production Games
Developer User3245｜Date and time 23/6/18 3:01:23
Build time 22.656 sec｜Game capacity 1.93KB｜

Script

以下はシンプルな数当てゲームの例です。

数当てゲーム

1〜100までの数字を当ててください。

このゲームは、1〜100の数字をランダムに選択し、プレイヤーがその数字を当てるものです。プレイヤーは、入力欄に1〜100の数字を入力し、チェックボタンをクリックして提出します。正解した場合は、"○ 正解！　おめでとうございます！"と表示され、それ以外の場合は、"▲ (入力した数字) より大きい数字です。"または"▼ (入力した数字) より小さい数字です。"と表示されます。なお、入力欄に1〜100以外の数字が入力された場合は、"1〜100の数字を入力してください。"と表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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 {
			text-align:center;
			font-size:24px;
		}
		#result {
			font-size:48px;
		}
	</style>
</head>
<body>
	<h1>数当てゲーム</h1>
	<p>1〜100までの数字を当ててください。</p>
	<input type="number" id="inputNumber" placeholder="1〜100の数字を入力"><br><br>
	<button onclick="checkNumber()">チェック</button><br><br>
	<p id="result"></p>
	<script>
		var answer = Math.floor(Math.random() * 100) + 1;
		
		function checkNumber() {
			var guess = parseInt(document.getElementById("inputNumber").value);
			
			if (isNaN(guess) || guess < 1 || guess > 100) {
				document.getElementById("result").innerHTML = "1〜100の数字を入力してください。";
			} else if (guess === answer) {
				document.getElementById("result").innerHTML = "○ 正解！　おめでとうございます！";
			} else if (guess < answer) {
				document.getElementById("result").innerHTML = "▲ " + guess + " より大きい数字です。";
			} else {
				document.getElementById("result").innerHTML = "▼ " + guess + " より小さい数字です。";
			}
		}
	</script>
</body>
</html>