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

No:2136

2165

←

Prev Next

→

good morning
Developer sayaensm｜Date and time 23/6/20 8:24:52
Build time 42.395 sec｜Game capacity 2.198KB｜

Script

おはようございます！ご依頼いただいた課題に取り掛かります。以下のような単純な数字当てゲームを作成しました。

数字当てゲーム

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: 30px;
		}
		button {
			background-color: #66ccff;
			color: white;
			border: none;
			padding: 10px 20px;
			border-radius: 5px;
			font-size: 30px;
			margin-top: 30px;
		}
		input {
			font-size: 30px;
			padding: 10px;
			border-radius: 5px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<h1>数字当てゲーム</h1>
	<p>1~100の間の数字を当ててください</p>
	<p id="result"></p>
	<input type="number" id="guess">
	<br>
	<button onclick="check()">確認する</button>
	<script>
		let answer = Math.floor(Math.random() * 100) + 1;
		let guessCount = 0;
		function check() {
			let guess = Number(document.getElementById("guess").value);
			guessCount++;
			if (guess > answer) {
				document.getElementById("result").innerHTML = "あなたの答えは大きすぎます 😢";
			} else if (guess < answer) {
				document.getElementById("result").innerHTML = "あなたの答えは小さすぎます 😢";
			} else {
				document.getElementById("result").innerHTML = "正解です！おめでとうございます 🎉<br>" + guessCount + "回目で当てました！";
				document.getElementById("guess").disabled = true;
			}
		}
	</script>
</body>
</html>

また、スマートフォン操作にも対応し、ボタンや入力欄は大きなサイズで、絵文字も多めに使用しています。

以上です。ご確認くださいませ。