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

No:3784

1543

←

Prev Next

→

authentic chat gpt mod
Developer User3589｜Date and time 23/6/26 16:31:13
Build time 17.9 sec｜Game capacity 1.843KB｜

Script

こちらの要件に基づいてゲームを開発いたしました。ゲームは「タイピングゲーム」となっており、プレイヤーは指定された文字列を素早く入力することでスコアを獲得することができます。以下がゲームのコードです。

タイピングゲーム

次に入力する文字列：山川草木

スコア：0

このゲームは、ランダムに生成された文字列を表示し、プレイヤーがその文字列を入力することでスコアを獲得するというものです。画面には、次に入力する文字列と現在のスコアが表示されます。また、入力欄にはフォーカスが当たっているので、スマホでも簡単にプレイすることができます。ご参考になれば幸いです。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<html>
<head>
	<title>タイピングゲーム</title>
</head>
<body>
	<div>
		<h1>タイピングゲーム</h1>
		<p id="word">次に入力する文字列：山川草木</p>
		<p>スコア：<span id="score">0</span></p>
		<input type="text" id="input" autofocus>
	</div>
	
	<script>
		let score = 0;
		let words = ["山川草木", "月海星空", "風雨雷電", "春夏秋冬", "花鳥風月"];
		let index = Math.floor(Math.random() * words.length);
		let word = words[index];
		document.getElementById("word").innerHTML = "次に入力する文字列：" + word;
		
		document.getElementById("input").addEventListener("keyup", function(event) {
			if (event.key === "Enter") {
				let input = document.getElementById("input").value;
				
				if (input === word) {
					score++;
					document.getElementById("score").innerHTML = score;
				}
				
				index = Math.floor(Math.random() * words.length);
				word = words[index];
				document.getElementById("word").innerHTML = "次に入力する文字列：" + word;
				document.getElementById("input").value = "";
			}
		});
	</script>
</body>
</html>