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

No:1604

2486

←

Prev Next

→

A game to see how many times you can hit the butto..ALL
Developer User3366｜Date and time 23/6/18 19:22:54
Build time 15.205 sec｜Game capacity 1.211KB｜

Script

10秒間の連打ゲーム

10秒間に何回ボタンを連打できるか挑戦してみよう！

残り時間: 10 秒

連打数: 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>10秒間の連打ゲーム</title>
	<style>
		body{
			text-align: center;
			font-size: 2em;
		}
		button{
			font-size: 4em;
			padding: 0.5em 1em;
		}
		#count{
			font-size: 8em;
			margin: 1em 0;
			opacity: 0.5;
		}
	</style>
	<script>
		let count = 0;
		let timer = 10;
		let intervalId = null;
		
		function startGame(){
			intervalId = setInterval(function(){
				timer--;
				if(timer == 0){
					clearInterval(intervalId);
					document.getElementById("start-button").disabled = false;
				}
			}, 1000);
			count = 0;
			timer = 10;
			document.getElementById("start-button").disabled = true;
			document.getElementById("count").innerHTML = "0";
		}
		
		function incrementCount(){
			count++;
			document.getElementById("count").innerHTML = count;
		}
	</script>
</head>
<body>
	<h1>10秒間の連打ゲーム</h1>
	<p>10秒間に何回ボタンを連打できるか挑戦してみよう！</p>
	<button id="start-button" onclick="startGame()">START! 🏁</button><br>
	<p>残り時間: <span id="timer">10</span> 秒</p>
	<p>連打数: <span id="count">0</span> 回</p>
	<button onclick="incrementCount()">👊</button>
</body>
</html>