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

No:1328

Reset button available. A game in which you tap ic..ALL
Developer User3300｜Date and time 23/6/18 11:08:01
Build time 25.116 sec｜Game capacity 2.781KB｜

Script

Icon Tap Game

20 sec.

←

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>
		body {
			background-color: #F0F8FF;
			text-align: center;
			font-size: 4em;
			margin: 0;
			padding: 0;
		}
		div {
			display: inline-block;
			position: relative;
			cursor: pointer;
			margin: 5px;
			z-index: 1;
			animation: icon 2s linear infinite;
		}
		@keyframes icon {
			0% {top: 0;}
			50% {top: 50px;}
			100% {top: 0;}
		}
		#score {
			position: fixed;
			top: 0;
			right: 0;
			background-color: #fff;
			padding: 10px;
			font-size: 1em;
			border: 2px solid #000;
		}
	</style>
</head>
<body>
	<h1>アイコンタップゲーム</h1>
	<div id="score">0</div>
	<script>
		var score = 0;
		var timeleft = 20;
		var interval = null;

function init() {
			createIcons();
			document.querySelector('#reset').addEventListener('click', resetGame);
		}

function resetGame() {
			score = 0;
			timeleft = 20;
			clearInterval(interval);
			document.getElementById('score').innerHTML = score;
			document.getElementById('timeleft').innerHTML = timeleft + '秒';
			document.querySelectorAll('div').forEach(function(div) {
				div.remove();
			});
			createIcons();
		}

function gameOver() {
			clearInterval(interval);
			var divs = document.querySelectorAll('div');
			for (var i = 0; i < divs.length; i++) {
				divs[i].remove();
			}
			alert('ゲームオーバー！\nスコア：' + score);
			resetGame();
		}

init();
	</script>
	<button id="reset">リセット</button>
	<p id="timeleft">20秒</p>
</body>
</html>