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

No:1931

105

←

Prev Next

→

Game to cure shock death
Developer User3345｜Date and time 23/6/19 14:56:35
Build time 27.551 sec｜Game capacity 2.066KB｜

Script

ショック死を治すゲーム

ライフゲージ: 10

←

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 {
			font-size: 30px;
			text-align: center;
		}
		button {
			font-size: 30px;
			margin: 10px;
			padding: 10px;
			border-radius: 10px;
			background-color: #66CCFF;
			border: none;
			color: white;
			cursor: pointer;
		}
	</style>
	<script>
		// ライフゲージの初期値を設定
        let life = 10;

// ゲーム終了時の処理
		function gameOver() {
			alert("ゲームオーバー！ショック死してしまいました...");
			location.reload(); // ページをリロード
		}

// 治療アイコンをランダムに移動させる
		function moveIcon() {
			let w = window.innerWidth - 80;
			let h = window.innerHeight - 80;
			let x = Math.floor(Math.random() * w);
			let y = Math.floor(Math.random() * h);
			let icon = document.getElementById("icon");
			icon.style.left = x + "px";
			icon.style.top = y + "px";
		}

// 治療アイコンをクリックした時の処理
		function clickIcon() {
			life++; // ライフゲージを回復
			if (life > 10) life = 10; // ライフゲージの最大値を超えないように
			document.getElementById("life").textContent = "ライフゲージ: " + life;
			moveIcon(); // アイコンを移動させる
		}

// ゲームの開始
		function startGame() {
			setInterval(function() {
				life--;
				document.getElementById("life").textContent = "ライフゲージ: " + life;
				if (life <= 0) {
					gameOver();
				}
			}, 1000); // 1秒ごとにライフゲージを減らす
			moveIcon(); // アイコンを移動させる
		}
	</script>
</head>
<body onload="startGame()">
	<h1>ショック死を治すゲーム</h1>
	<p id="life">ライフゲージ: 10</p>
	<img id="icon" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/syringe_1f489.png" style="position: absolute; width: 80px; height: 80px; cursor: pointer;" onclick="clickIcon()" />
	<button onclick="clickIcon()">治療する</button>
</body>
</html>