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

No:673

295

←

Prev Next

→

Black button.
Developer User3080｜Date and time 23/6/17 10:19:04
Build time 18.753 sec｜Game capacity 1.489KB｜

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 {
			text-align: center;
			background-color: #f2f2f2;
			font-size: 2em;
		}
		#blackButton {
			background-color: black;
			color: white;
			border: none;
			padding: 1em;
			border-radius: 10px;
			margin: 2em;
			cursor: pointer;
			font-size: 1em;
		}
	</style>
</head>
<body>
	<h1>黒いボタンを押すゲーム</h1>
	<button id="blackButton" onclick="moveButton()">黒いボタン</button>
	<p id="speedText"></p>
	
	<script>
		var button = document.getElementById("blackButton");
		var speedText = document.getElementById("speedText");
		var speed = 500; // ボタンが動く速さ(ms)

function moveButton() {
			var pos = 0;
			var id = setInterval(frame, speed); // 一定時間ごとにボタンの位置を調整する
			speed -= 10;
			speedText.textContent = "ボタンが動く速さ：" + speed/1000 + "秒ごと";
			if (speed <= 0) {
				clearInterval(id);
				button.disabled = true;
				button.style.backgroundColor = "gray";
				alert("おめでとう！ボタンを押し終わりました！");
			}