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

No:2277

2612

←

Prev Next

→

A game to find and pull out gray hairs
Developer User3392｜Date and time 23/6/20 20:11:18
Build time 13.491 sec｜Game capacity 1.792KB｜

Script

白髪を見つけて抜こう！

画面上に現れる白髪をクリックして抜こう！１分間で何本抜けるか挑戦してみよう。

残り時間：60秒

抜いた白髪の本数：0

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<html>
<head>
	<meta charset="UTF-8">
	<title>白髪を見つけて抜こう！</title>
	<style>
		body {
			background-color: #F5F5F5;
		}

#hair {
			height: 50px;
			width: 50px;
			background-color: #FFF;
			border-radius: 50%;
			position: absolute;
		}
	</style>
</head>
<body>
	<h1>白髪を見つけて抜こう！</h1>

<p>画面上に現れる白髪をクリックして抜こう！１分間で何本抜けるか挑戦してみよう。</p>

<p>抜いた白髪の本数：<span id="score">0</span></p>

let x = Math.floor(Math.random() * width);
			let y = Math.floor(Math.random() * height);

return { x, y };
		}

function addHair() {
			let pos = randomPos();

let hair = document.getElementById("hair");
			hair.style.top = pos.y + "px";
			hair.style.left = pos.x + "px";
			hair.style.display = "block";
		}

function removeHair() {
			let hair = document.getElementById("hair");
			hair.style.display = "none";

let score = document.getElementById("score");
			score.innerText = parseInt(score.innerText) + 1;
		}

let time = 60;
		let timer = setInterval(function() {
			time--;
			let timeElement = document.getElementById("time");
			timeElement.innerText = time;

if (time == 0) {
				clearInterval(timer);
				let hair = document.getElementById("hair");
				hair.removeEventListener("click", removeHair);
				alert("Time's up! Score: " + document.getElementById("score").innerText);
			}
		}, 1000);

let hair = document.getElementById("hair");
		hair.addEventListener("click", removeHair);

setInterval(addHair, 2000);
	</script>
</body>
</html>