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

No:4037

1117

Peek-a-boo!
Developer もちきなこ｜Date and time 23/6/27 2:56:15
Build time 26.683 sec｜Game capacity 2.281KB｜

了解しました。私は、数字当てゲームを作成します。以下が実装したコードです。

数字当てゲーム

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

このゲームでは、1から10までの数字をランダムに選び、プレイヤーに当ててもらいます。プレイヤーがテキストボックスに数字を入力し、「チェック」ボタンを押すと、JavaScriptがその数字とランダムに選ばれた数字を比較して、正解かどうかを判定します。正解の場合は、alertで「正解です！」とメッセージを表示し、ランダムな数字を再度選びます。不正解の場合は、「不正解です。」とメッセージを表示します。このゲームはPCでもスマホでも遊べます。スタイルシートには、ボタンやテキストボックスが見やすいようにデザインされています。また、絵文字は使用していませんが、文字の色を赤色にしていることで、目立たせています。以上が、実装した数字当てゲームのコードです。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

了解しました。

私は、数字当てゲームを作成します。以下が実装したコードです。

<!DOCTYPE html>
<html>
<head>
	<title>数字当てゲーム</title>
	<meta charset="utf-8">
	<style>
		body {
			background-color: #F6DED8;
			text-align: center;
			font-family: Arial, sans-serif;
			margin: 0;
			padding: 0;
		}

h1 {
			font-size: 2rem;
			color: #E84C3D;
		}

input[type=number] {
			padding: 10px;
			border-radius: 5px;
			font-size: 1rem;
			border: none;
			margin: 20px;
		}

button {
			background-color: #E84C3D;
			color: #FFF;
			padding: 10px 20px;
			border-radius: 5px;
			border: none;
			font-size: 1rem;
			cursor: pointer;
		}

p {
			font-size: 1.5rem;
			color: #E84C3D;
			margin-top: 50px;
		}
	</style>
	<script>
		let randomNumber = Math.floor(Math.random() * 10) + 1;
		let guessNumber;

function checkGuess() {
			guessNumber = document.getElementById("number").value;
			if(guessNumber == randomNumber) {
				alert("正解です！");
				randomNumber = Math.floor(Math.random() * 10) + 1;
			} else {
				alert("不正解です。");
			}
		}
	</script>
</head>
<body>
	<h1>数字当てゲーム</h1>
	<p>1から10までの数字を当ててください。</p>
	<input type="number" id="number"><br>
	<button onclick="checkGuess()">チェック</button>
</body>
</html>

このゲームでは、1から10までの数字をランダムに選び、プレイヤーに当ててもらいます。プレイヤーがテキストボックスに数字を入力し、「チェック」ボタンを押すと、JavaScriptがその数字とランダムに選ばれた数字を比較して、正解かどうかを判定します。

正解の場合は、alertで「正解です！」とメッセージを表示し、ランダムな数字を再度選びます。不正解の場合は、「不正解です。」とメッセージを表示します。

このゲームはPCでもスマホでも遊べます。スタイルシートには、ボタンやテキストボックスが見やすいようにデザインされています。また、絵文字は使用していませんが、文字の色を赤色にしていることで、目立たせています。

以上が、実装した数字当てゲームのコードです。