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

No:674

345

←

Prev Next

→

Black button.
Developer User3080｜Date and time 23/6/17 10:25:41
Build time 18.097 sec｜Game capacity 1.49KB｜

Script

黒いボタンゲーム

ボタンをクリックしてスコアを稼ぎましょう！

スコア: 0

時間: 50秒

難易度

←

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>
	<script>
		var button = document.getElementById("button");
		var counter = document.getElementById("counter");
		var score = 0;
		var time = 50;
		var timer;

function countdown() {
			time--;
			document.getElementById("time").innerHTML = time;
			if (time == 0) {
				clearInterval(timer);
				endGame();
			}
		}

function startGame() {
			score = 0;
			document.getElementById("score").innerHTML = score;
			document.getElementById("time").innerHTML = time;
			button.style.backgroundColor = "#000";
			button.addEventListener("click", incrementScore);
			timer = setInterval(countdown, 1000);
		}

function endGame() {
			button.removeEventListener("click", incrementScore);
			alert("ゲーム終了！\nスコア: " + score);
		}

function incrementScore() {
			score++;
			document.getElementById("score").innerHTML = score;
			if (score == 100) {
				endGame();
			}
		}
	</script>
</head>
<body>
	<h1>黒いボタンゲーム</h1>
	<p>ボタンをクリックしてスコアを稼ぎましょう！</p>
	<p>スコア: <span id="score">0</span></p>
	<p>時間: <span id="time">50</span>秒</p>
	<button id="button" onclick="incrementScore()">黒いボタン</button>
	<p>難易度</p>
	<button onclick="time=60;startGame();">簡単</button>
	<button onclick="time=40;startGame();">普通</button>
	<button onclick="time=10;startGame();">むずかしい</button>
</body>
</html>