どうぶつスクールスクールシミュレーター

開発者ひさしを無理矢理強制的に力づくでアップデートさせよう！

時間が経つと開発者ひさしのスタミナが減っていきます。

アップデートすることでひさしのスタミナが回復します。

アップデートをすると、ひさしは怒りますが、スタミナは回復します。

ひさしのスタミナが0になるとゲームオーバーです。

開発者ひさしのスタミナ: 10

←

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">
	<style>
		body {
			font-size: 20px;
			margin: 0;
			padding: 0;
			text-align: center;
			background-color: #F0E68C;
		}
		h1 {
			margin-top: 50px;
			font-size: 50px;
			color: #228B22;
		}
		button {
			margin-top: 30px;
			font-size: 30px;
			background-color: #32CD32;
			color: white;
			border-radius: 10px;
			padding: 10px 20px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールスクールシミュレーター</h1>
	<p>開発者ひさしを無理矢理強制的に力づくでアップデートさせよう！</p>
	<div id="game">
		<p>時間が経つと開発者ひさしのスタミナが減っていきます。</p>
		<p>アップデートすることでひさしのスタミナが回復します。</p>
		<p>アップデートをすると、ひさしは怒りますが、スタミナは回復します。</p>
		<p>ひさしのスタミナが0になるとゲームオーバーです。</p>
		<p>開発者ひさしのスタミナ: <span id="stamina">10</span></p>
		<button id="update" onclick="update()">アップデートする</button>
		<p id="message"></p>
	</div>

function update() {
			stamina += 3;
			stamina = stamina > 10 ? 10 : stamina;
			message = "開発者ひさしは怒りましたが、スタミナが回復しました。";
			render();
		}

function render() {
			document.getElementById("stamina").innerHTML = stamina;
			document.getElementById("message").innerHTML = message;
			if (stamina <= 0) {
				document.getElementById("game").innerHTML = "<h2>ゲームオーバー！</h2>";
			}
		}

function start() {
			setInterval(function(){
				stamina -= 1;
				message = "";
				render();
			}, 1000);
		}

start();
	</script>
</body>
</html>