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

No:1335

214

←

Prev Next

→

Reset button available. There is a score display. ..ALL
Developer User3300｜Date and time 23/6/18 11:17:44
Build time 23.347 sec｜Game capacity 2.468KB｜

Script

Emoji Tap Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Emoji Tap Game</title>
	<style>
		body {
			background-color: #f0f0f0;
			color: #333;
			font-family: Arial, sans-serif;
			text-align: center;
			padding-top: 30px;
		}

h1 {
			font-size: 2em;
			margin-bottom: 20px;
		}

.icon {
			display: inline-block;
			font-size: 3em;
			margin: 10px;
			cursor: pointer;
		}

#score {
			font-size: 1.5em;
			margin-top: 20px;
		}

#reset {
			padding: 10px;
			background-color: #ddd;
			border: none;
			border-radius: 5px;
			margin-top: 20px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>Emoji Tap Game</h1>

<div id="score">Score: 0</div>

<button id="reset">Reset</button>

function resetGame() {
			let iconsDiv = document.getElementById("icons");
			iconsDiv.innerHTML = "";
			createIcons();
			score = 0;
			updateScore();
			timer = 20;
			updateTimer();
		}

function updateScore() {
			document.getElementById("score").innerText = "Score: " + score;
		}

function updateTimer() {
			document.getElementById("timer").innerText = "Timer: " + timer;
		}

let score = 0;
		let timer = 20;
		let timerInterval = null;

document.getElementById("reset").addEventListener("click", resetGame);
		createIcons();
		startTimer();

document.addEventListener("click", event => {
			if (event.target.classList.contains("icon")) {
				event.target.remove();
				score++;
				updateScore();
				let iconsDiv = document.getElementById("icons");
				let icon = document.createElement("span");
				icon.innerText = icons[Math.floor(Math.random() * icons.length)];
				icon.classList.add("icon");
				iconsDiv.appendChild(icon);
			}
		});
	</script>
</body>
</html>