A game to see how many times you can hit the button in a row in 10 seconds.'s game

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

No:1597

1842

←

Prev Next

→

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

Script

START

ゲームの概要: 10秒間で何回クリックできるかを競う遊びです。STARTを押すと10秒のタイマーがスタートし、画面をクリック(またはタッチ)する度にカウントが1増えます。10秒経過後、クリック回数が表示されます。再度挑戦するにはSTARTを押してください。

←

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{
			background-color: #fafafa;
			text-align: center;
			font-size: 30px;
			margin-top: 200px;
			color: #333;
		}
		#count{
			font-size: 60px;
			font-weight: bold;
			margin-top: 50px;
		}
	</style>
</head>
<body>

<p id="start">START</p>

const startButton = document.querySelector('#start');
		const countDiv = document.querySelector('#count');

startButton.addEventListener('click', () => {
			startGame();
		});

function startGame(){
			count = 0;
			countDiv.innerHTML = count;
			startButton.style.display = 'none';

startTime = new Date().getTime();

document.addEventListener('mousedown', (e) => {
				incrementCount();
			});
			document.addEventListener('touchstart', (e) => {
				incrementCount();
			});

setTimeout(() => {
				endGame();
			}, 10000);

}

function incrementCount(){
			count++;
			countDiv.innerHTML = count;
		}

function endGame(){
			document.removeEventListener('mousedown', incrementCount);
			document.removeEventListener('touchstart', incrementCount);
			startButton.innerHTML = '結果: ' + count + '回<br>再挑戦する';
			startButton.style.display = 'block';
		}

</script>

</body>
</html>

ゲームの概要:
10秒間で何回クリックできるかを競う遊びです。STARTを押すと10秒のタイマーがスタートし、画面をクリック(またはタッチ)する度にカウントが1増えます。10秒経過後、クリック回数が表示されます。再度挑戦するにはSTARTを押してください。