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

No:2898

1949

freeze (in fear, surprise, etc.)
Developer User3635｜Date and time 23/6/23 1:49:09
Build time 28.981 sec｜Game capacity 2.695KB｜

もう少し具体的な仕様が欲しいですね。とりあえず、シンプルな難易度が設定された数字あてゲームを作ってみます。以下がHTMLとJavaScriptのコードになります。

数字あてゲーム

このコードでは、ランダムな1〜100の数字が設定されており、プレイヤーはその数字を当てます。プレイヤーは入力欄に1〜100の数字を入力し、「決定」ボタンをクリックすることで入力値がチェックされます。正解の場合は試行回数が表示され、それ以外の場合は「もっと大きい数です」または「もっと小さい数です」というメッセージが表示されます。正解が出ると、「決定」ボタンと入力欄が無効化され、ゲームが終了します。このゲームはスマホでも操作可能で、外見もシンプルでわかりやすいと思います。また、文字列として絵文字を利用することもできますが、このゲームでは使用していません。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

もう少し具体的な仕様が欲しいですね。とりあえず、シンプルな難易度が設定された数字あてゲームを作ってみます。以下がHTMLとJavaScriptのコードになります。

```html
<!DOCTYPE html>
<html>
<head>
	<title>数字あてゲーム</title>
	<meta charset="UTF-8">
	<style>
		body {
			text-align: center;
			margin-top: 50px;
			font-size: 2rem;
		}
	</style>
</head>
<body>
	<h1 id="title">数字あてゲーム</h1>
	<p id="message"></p>
	<input type="number" id="input-number" placeholder="1 〜 100">
	<button onclick="checkNumber()" id="submit-button">決定</button>
	<script>
		var answer = Math.floor(Math.random() * 100) + 1; // 1 〜 100の乱数を生成
		var attempts = 0; // プレイヤーが何回目の試行かを記録する変数
		var messageElement = document.getElementById("message");
		var inputElement = document.getElementById("input-number");
		
		// プレイヤーの入力値をチェックする関数
		function checkNumber() {
			var input = parseInt(inputElement.value);
			if (isNaN(input) || input < 1 || input > 100) {
				messageElement.textContent = "1 〜 100の数字を入力してください";
				return;
			}
			attempts++;
			if (input == answer) {
				messageElement.textContent = attempts + "回目で正解！";
				document.getElementById("submit-button").disabled = true; // 正解が出たらボタンを無効化
				document.getElementById("input-number").disabled = true; // 正解が出たら入力欄を無効化
				return;
			}
			if (input < answer) {
				messageElement.textContent = "もっと大きい数です";
			} else {
				messageElement.textContent = "もっと小さい数です";
			}
			inputElement.value = ""; // 入力欄をクリアする
			inputElement.focus(); // 入力欄にフォーカスを当てる
		}
	</script>
</body>
</html>
```

このコードでは、ランダムな1〜100の数字が設定されており、プレイヤーはその数字を当てます。プレイヤーは入力欄に1〜100の数字を入力し、「決定」ボタンをクリックすることで入力値がチェックされます。正解の場合は試行回数が表示され、それ以外の場合は「もっと大きい数です」または「もっと小さい数です」というメッセージが表示されます。正解が出ると、「決定」ボタンと入力欄が無効化され、ゲームが終了します。

このゲームはスマホでも操作可能で、外見もシンプルでわかりやすいと思います。また、文字列として絵文字を利用することもできますが、このゲームでは使用していません。