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

No:1318

114

←

Prev Next

→

Reset button available. One display icon. The game..ALL
Developer User3300｜Date and time 23/6/18 11:01:50
Build time 33.306 sec｜Game capacity 2.843KB｜

Script

アイコンタップゲーム

制限時間20秒で、アイコンをタップしてスコアを稼ぎましょう！

現在のスコア: 0

😊

←

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 {
			background-color: #f5f5f5;
			font-family: 'Arial', sans-serif;
			text-align: center;
		}
		#icon {
			font-size: 60px;
			cursor: pointer;
		}
		#score {
			font-size: 40px;
			margin-top: 20px;
		}
		#time {
			font-size: 40px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<h1>アイコンタップゲーム</h1>
	<p>制限時間<strong id="time">20</strong>秒で、アイコンをタップしてスコアを稼ぎましょう！</p>
	<p>現在のスコア: <strong id="score">0</strong></p>
	<p><span id="icon">😊</span></p>
	<button onclick="reset()">リセット</button>

// アイコンをクリックしたときのハンドラ
		function clickIcon() {
			score++;
			document.getElementById("score").textContent = score;
			moveIcon();
		}

// アイコンを移動する関数
		function moveIcon() {
			var icons = ["😀", "😁", "😂", "😃", "😄", "😅", "😆", "😇", "😈", "😉", "😊", "😋", "😌", "😍", "😎", "😏", "😐", "😑", "😒", "😓", "😔", "😕", "😖", "😗", "😘", "😙", "😚", "😛", "😜", "😝", "😞", "😟", "😠", "😡", "😢", "😣", "😤", "😥", "😦", "😧", "😨", "😩", "😪", "😫", "😬", "😭", "😮", "😯", "😰", "😱", "😲", "😳", "😴", "😵", "😶", "😷", "😸", "😹", "😺", "😻", "😼", "😽", "😾", "😿", "🙀"];
			var index = Math.floor(Math.random() * icons.length);
			var newIcon = icons[index];
			document.getElementById("icon").textContent = newIcon;
		}

// カウントダウンする関数
		function countDown() {
			timeLeft--;
			document.getElementById("time").textContent = timeLeft;
			if (timeLeft == 0) {
				clearInterval(intervalId);
				alert("制限時間切れ！\nスコア: " + score);
				score = 0;
				timeLeft = 20;
				document.getElementById("score").textContent = score;
				document.getElementById("time").textContent = timeLeft;
				document.getElementById("icon").textContent = "😊";
			}
		}

// リセットボタンのハンドラ
		function reset() {
			score = 0;
			timeLeft = 20;
			document.getElementById("score").textContent = score;
			document.getElementById("time").textContent = timeLeft;
			document.getElementById("icon").textContent = "😊";
			clearInterval(intervalId);
			intervalId = setInterval(countDown, 1000);
		}

// 初期化処理
		document.getElementById("icon").addEventListener("click", clickIcon);
		intervalId = setInterval(countDown, 1000);
	</script>
</body>
</html>