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

No:704

388

←

Prev Next

→

life-and-death game
Developer User3092｜Date and time 23/6/17 13:53:58
Build time 24.573 sec｜Game capacity 2.158KB｜

Script

デスゲーム

あなたは死のゲームに挑戦します。

スタートをクリックしてください。

残り時間: 10

このアプリはデスゲームというゲームです。スタートをクリックすると10秒間のカウントダウンが始まり、タイマーが0になると「あなたは死にました」と表示されます。リセットボタンをクリックするとカウントダウンが初期値に戻ります。スマホでも操作可能で、絵文字も多めに使われています。

←

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>
	<style>
		body {
			background-color: black;
			color: white;
			font-size: 24px;
			text-align: center;
			padding-top: 50px;
		}
		#start_button, #reset_button {
			background-color: red;
			color: white;
			border: none;
			padding: 15px 32px;
			text-align: center;
			font-size: 24px;
			margin: 10px;
			border-radius: 10px;
			cursor: pointer;
		}
		#dead {
			font-size: 36px;
			color: red;
		}
	</style>
</head>
<body>
	<h1>デスゲーム</h1>
	<p>あなたは死のゲームに挑戦します。</p>
	<p>スタートをクリックしてください。</p>
	<button id="start_button">スタート</button>

function startGame() {
			countdown = setInterval(() => {

if (time > 0) {
					time--
					document.querySelector("#timer").textContent = time
				} else {
					clearInterval(countdown)
					document.querySelector("#result").textContent = "あなたは死にました。"
					document.querySelector("#reset_button").style.display = "block"
					document.querySelector("#dead").textContent = "💀"
				}

}, 1000)
		}

document.querySelector("#start_button").addEventListener("click", startGame)

document.querySelector("#reset_button").addEventListener("click", () => {
			time = 10
			document.querySelector("#timer").textContent = time
			document.querySelector("#result").textContent = ""
			document.querySelector("#reset_button").style.display = "none"
			document.querySelector("#dead").textContent = ""
		})

</script>

</body>
</html>