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

No:1596

2301

←

Prev Next

→

repeated game (game theory)
Developer User3366｜Date and time 23/6/18 19:17:51
Build time 10.924 sec｜Game capacity 1.389KB｜

Script

連打ゲーム

何回ボタンを押せるか挑戦しよう！

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>連打ゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body{
			font-family: Arial, sans-serif;
			text-align: center;
			background-color: #f2f2f2;
		}

h1{
			color: #ffcc00;
		}

#count{
			font-size: 100px;
			margin: 50px 0;
		}

button{
			background-color: #4CAF50;
			color: white;
			border: none;
			padding: 20px 50px;
			text-align: center;
			font-size: 30px;
			margin: 20px;
			cursor: pointer;
			border-radius: 10px;
			box-shadow: 2px 2px 5px #555555;
		}

button:hover{
			background-color: #3e8e41;
		}
	</style>
	<script>
		var count = 0;
		var button = document.getElementById("button");

function increment(){
			count++;
			document.getElementById("count").innerHTML = count;
		}

function startGame(){
			count = 0;
			document.getElementById("count").innerHTML = count;
			button.innerHTML = "押せ！";
			button.disabled = false;
			button.removeEventListener("click", startGame);
			button.addEventListener("click", increment);
		}

document.addEventListener("DOMContentLoaded", function(){
			button.addEventListener("click", startGame);
		});
	</script>
</head>
<body>
	<h1>連打ゲーム</h1>
	<p>何回ボタンを押せるか挑戦しよう！</p>
	<p id="count">0</p>
	<button id="button">スタート</button>
</body>
</html>