Reset button available. One display icon. The game is to tap icons that disappear when tapped. When you tap an icon, 1 is added to your score. When you tap an icon, another icon appears in a different position. When you tap an icon from score 20, 2 icons will be added to your score. Time limit is 20 seconds.'s game

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

No:1317

113

←

Prev Next

→

Reset button available. One display icon. The game..ALL
Developer User3300｜Date and time 23/6/18 11:00:55
Build time 20.716 sec｜Game capacity 2.148KB｜

Script

スコア: 0

😀

←

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 {
			margin: 0;
			padding: 0;
		}
		#game-container {
			height: 100vh;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background-color: lightblue;
		}
		#score {
			font-size: 24px;
			margin-bottom: 20px;
		}
		#icon {
			font-size: 64px;
			cursor: pointer;
			display: inline-block;
		}
		#reset {
			font-size: 18px;
			margin-top: 20px;
			background-color: white;
			border: none;
			cursor: pointer;
			padding: 10px 20px;
			border-radius: 5px;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<div id="score">スコア: 0</div>
		<div id="icon">😀</div>
		<button id="reset">リセット</button>
	</div>

const resetGame = () => {
			score = 0;
			time = 20;
			scoreContainer.style.color = 'black';
			scoreContainer.innerHTML = 'スコア: 0';
			randomizeIcon();
			clearInterval(intervalId);
			startGame();
		};

icon.addEventListener('click', () => {
			score++;
			randomizeIcon();
			if (score >= 20) {
				score += 2;
			}
			scoreContainer.innerHTML = `スコア: ${score}`;
		});

reset.addEventListener('click', resetGame);

startGame();
	</script>
</body>
</html>