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

No:3420

2756

←

Prev Next

→

Pray for Success
Developer User3655｜Date and time 23/6/25 2:13:42
Build time 26.35 sec｜Game capacity 2.231KB｜

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>
	<title>単純な数当てゲーム</title>
	<meta charset="utf-8">
	<style type="text/css">
		body {
			text-align: center;
			font-family: Arial, sans-serif;
			font-size: 20px;
			background-color: #F7D9D6;
		}
		#game {
			margin: 50px auto;
			width: 90%;
			max-width: 800px;
			min-height: 300px;
			border: 2px solid black;
			padding: 20px;
			background-color: white;
			border-radius: 10px;
			box-shadow: 5px 5px 15px gray;
		}
		input[type="number"] {
			font-size: 20px;
			margin-top: 10px;
			padding: 5px;
		}
		button {
			font-size: 20px;
			padding: 10px;
			margin: 20px auto;
			background-color: #E74536;
			color: white;
			border: none;
			border-radius: 5px;
			box-shadow: 3px 3px 10px gray;
		}
		#message {
			margin: 10px auto;
			width: 50%;
			color: #444;
			font-weight: bold;
		}
	</style>
	<script>
		var answer = Math.floor(Math.random() * 100) + 1;
		var attempts = 0;
		
		function checkAnswer() {
			var guess = document.getElementById("guess").value;
			attempts++;
			
			if (guess == answer) {
				document.getElementById("message").innerHTML = "正解です！" + attempts + "回目で当たりました！";
				document.getElementById("game-area").style.display = "none";
			} else if (guess > answer) {
				document.getElementById("message").innerHTML = "もっと小さい数です。";
			} else if (guess < answer) {
				document.getElementById("message").innerHTML = "もっと大きい数です。";
			}
		}
	</script>
</head>
<body>
	<div id="game">
		<h1>数当てゲーム</h1>
		<p>1から100までの数字を当ててください。</p>
		<div id="game-area">
			<input type="number" id="guess" placeholder="数字を入力してください">
			<br>
			<button onclick="checkAnswer()">チェック！</button>
		</div>
		<div id="message"></div>
	</div>
</body>
</html>