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

No:2135

3167

←

Prev Next

→

leaving a decision to someone else (often of a mea..ALL
Developer User3498｜Date and time 23/6/20 8:24:33
Build time 30.175 sec｜Game capacity 2.203KB｜

Script

以下は、単純な数字当てゲームの例です。

数字当てゲーム

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

このゲームでは、プレイヤーが1から10までの数字を当てる必要があります。プレイヤーがボタンをクリックすると、プログラムはその数字を引数として受け取り、正解かどうかを判定します。正解の場合には「正解！」と表示され、それ以外の場合には「もっと大きい数です。」か「もっと小さい数です。」と表示されます。なお、ボタンは1から10までの数字を表示するものとし、文字サイズは小さめに設定しています。また、背景色はグレーに設定しています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

以下は、単純な数字当てゲームの例です。

<!DOCTYPE html>
<html>
<head>
	<title>数字当てゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		body {
			font-size: 2em;
			text-align: center;
			background-color: #f0f0f0;
		}
		
		#number {
			font-size: 3em;
			margin-bottom: 1em;
		}
		
		button {
			font-size: 1em;
			margin: 1em;
			padding: 0.5em 1em;
		}
	</style>
</head>
<body>
	<h1>数字当てゲーム</h1>
	<p>1から10の間の数字を当ててください。</p>
	<div id="number"></div>
	<button onclick="checkAnswer(1)">1</button>
	<button onclick="checkAnswer(2)">2</button>
	<button onclick="checkAnswer(3)">3</button>
	<button onclick="checkAnswer(4)">4</button>
	<button onclick="checkAnswer(5)">5</button>
	<button onclick="checkAnswer(6)">6</button>
	<button onclick="checkAnswer(7)">7</button>
	<button onclick="checkAnswer(8)">8</button>
	<button onclick="checkAnswer(9)">9</button>
	<button onclick="checkAnswer(10)">10</button>
	<p id="result"></p>
	<script type="text/javascript">
		var answer = Math.floor(Math.random() * 10) + 1; // 1から10の間の乱数を生成
		
		function checkAnswer(guess) {
			if (guess == answer) {
				document.getElementById("result").innerHTML = "正解！";
			} else if (guess < answer) {
				document.getElementById("result").innerHTML = "もっと大きい数です。";
			} else {
				document.getElementById("result").innerHTML = "もっと小さい数です。";
			}
		}
	</script>
</body>
</html>