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

No:3538

2380

←

Prev Next

→

Yes, it is.
Developer anonymous｜Date and time 70/1/1 9:30:17
Build time unknown sec｜Game capacity 1.817KB｜

Script

、こちらをご覧ください。

数当てゲーム

1~10の中からランダムに数字が選ばれます。何と思うか入力してください。

このプログラムは、数当てゲームです。1~10の中からランダムに数字が選ばれ、ユーザーが何と思うか入力して判定ボタンを押すことで、結果が表示されます。 JavaScriptは、judge関数に含まれています。入力された値とランダムに選ばれた数を比較し、結果をテキスト要素に表示する仕組みです。Htmlファイルは1枚であり、
タグでJavaScriptを囲んでいます。スマホ操作にも適したレイアウトになっており、ボタンと入力フィールドも大きめに設定しています。絵文字は使用していませんが、必要であれば追加することができます。

←

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>
	body {
		font-size: 2rem;
		text-align: center;
		margin-top: 5rem;
	}
	input {
		font-size: 1.5rem;
		padding: 0.5rem 1rem;
		margin: 2rem;
	}
	button {
		font-size: 1.5rem;
		padding: 0.5rem 1rem;
		margin: 2rem;
	}
	</style>
</head>
<body>
	<h1>数当てゲーム</h1>
	<p>1~10の中からランダムに数字が選ばれます。何と思うか入力してください。</p>
	<input type="number" id="answer">
	<button onclick="judge()">判定</button>
	<p id="result"></p>
	<script>
		function judge() {
			const answer = document.getElementById("answer").value;
			const randomNumber = Math.floor(Math.random() * 10) + 1;
			
			if (answer == randomNumber) {
				document.getElementById("result").textContent = "当たり！";
			} else {
				document.getElementById("result").textContent = "残念...正解は" + randomNumber + "でした。";
			}
		}
	</script>
</body>
</html>

このプログラムは、数当てゲームです。1~10の中からランダムに数字が選ばれ、ユーザーが何と思うか入力して判定ボタンを押すことで、結果が表示されます。

JavaScriptは、judge関数に含まれています。入力された値とランダムに選ばれた数を比較し、結果をテキスト要素に表示する仕組みです。Htmlファイルは1枚であり、<script>タグでJavaScriptを囲んでいます。

スマホ操作にも適したレイアウトになっており、ボタンと入力フィールドも大きめに設定しています。絵文字は使用していませんが、必要であれば追加することができます。