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

No:4104

I dont need ranking in a hishashi game! 🤬💢Game
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/27 12:13:34
Build time 30.217 sec｜Game capacity 2.747KB｜

Script

は「タップあてゲーム」です。画面に表示されるランダムな場所を素早くタップしてください。制限時間は30秒です。タップするたびにスコアが増え、時間内により多くのタップをすることで高得点を目指してください。JavaScriptは以下のように実装しています。

タップあてゲーム

30秒でできるだけ多くタップしてください！

スコア：0

制限時間：30秒

スマホからプレイする場合、ブラウザの拡大縮小機能を使用して画面を適切な大きさに調整してください。また、絵文字を使用するため、スマホの場合は対応するフォントが必要です。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>タップあてゲーム</title>
	<style type="text/css">
		body {
			font-size: 50px;
			text-align: center;
			margin-top: 30vh;
		}
	</style>
</head>
<body>
	<h1>タップあてゲーム</h1>
	<p>30秒でできるだけ多くタップしてください！</p>
	<p id="score">スコア：0</p>
	<p id="time-left">制限時間：30秒</p>

// ゲームスタート
		function startGame() {
			// 制限時間表示
			timerId = setInterval(function() {
				if (timeLeft <= 0) {
					endGame();
				} else {
					document.getElementById("time-left").innerText = "制限時間：" + timeLeft + "秒";
					timeLeft--;
				}
			}, 1000);

// タップイベントハンドラ
			document.addEventListener("click", function(e) {
				if (e.target.tagName == "BODY") return;

// スコア加算
				score++;
				document.getElementById("score").innerText = "スコア：" + score;

// ターゲットを再配置
				var bodyWidth = document.body.clientWidth;
				var bodyHeight = document.body.clientHeight;
				e.target.style.left = Math.floor(Math.random() * (bodyWidth - 100)) + "px";
				e.target.style.top = Math.floor(Math.random() * (bodyHeight - 100)) + "px";
			});

// ターゲット初期配置
			var target = document.createElement("div");
			target.innerText = "👆";
			target.style.position = "absolute";
			target.style.left = Math.floor(Math.random() * (document.body.clientWidth - 100)) + "px";
			target.style.top = Math.floor(Math.random() * (document.body.clientHeight - 100)) + "px";
			document.body.appendChild(target);
		}

// ゲーム終了
		function endGame() {
			clearInterval(timerId);
			alert("ゲーム終了！\nスコア：" + score + "点");
		}

// ゲームスタートボタン
		var startButton = document.createElement("button");
		startButton.innerText = "ゲームスタート";
		startButton.addEventListener("click", function() {
			startGame();
		});
		document.body.appendChild(startButton);
	</script>
</body>
</html>
```