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

No:3983

1228

←

Prev Next

→

The Führer seems to be upset that he cant play the..ALL
Developer User3727｜Date and time 23/6/27 1:32:21
Build time 26.064 sec｜Game capacity 2.51KB｜

Script

了解しました。以下に、簡単な数字当てゲームの実装例を示します。

数字当てゲーム

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

このゲームは、1から10までの数字をランダムに決め、プレイヤーがその数字を当てるゲームです。スマホで遊べるように、inputタグを使って数字を入力できます。また、画面の見やすさを考慮して、CSSで文字サイズを大きくし、テキストを中央揃えにしています。プレイヤーが正解した場合は、回数を表示して「もう一度遊びますか？」というメッセージを表示し、再度遊べるようにします。

←

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>
		body{
			font-size: 24px;
			text-align: center;
		}
	</style>
</head>
<body>
	<h1>数字当てゲーム</h1>
	<p id="message">1から10までの数字を当ててください！</p>
	<input type="number" id="input_num" placeholder="数字を入力してください"><br><br>
	<button onclick="check()">チェック！</button>
	<p id="result"></p>
	<script>
		var target_num = Math.floor(Math.random() * 10) + 1;
		var count = 0;
		
		function check(){
			var input_num = document.getElementById("input_num").value;
			if(input_num == target_num){
				document.getElementById("result").innerHTML = "正解です！" + (count + 1) + "回目で当てました！";
				document.getElementById("message").innerHTML = "もう一度遊びますか？";
				document.getElementById("input_num").style.display = "none";
				document.getElementsByTagName("button")[0].innerHTML = "もう一度！";
				document.getElementsByTagName("button")[0].setAttribute("onclick","reset()");
			}else if(input_num > target_num){
				document.getElementById("result").innerHTML = "もっと小さい数字です！";
				count++;
			}else{
				document.getElementById("result").innerHTML = "もっと大きい数字です！";
				count++;
			}
		}
		
		function reset(){
			target_num = Math.floor(Math.random() * 10) + 1;
			count = 0;
			document.getElementById("message").innerHTML = "1から10までの数字を当ててください！";
			document.getElementById("result").innerHTML = "";
			document.getElementById("input_num").style.display = "block";
			document.getElementById("input_num").value = "";
			document.getElementsByTagName("button")[0].innerHTML = "チェック！";
			document.getElementsByTagName("button")[0].setAttribute("onclick","check()");
		}
	</script>
</body>
</html>