どうぶつスクールスクールシミュレーターアップデート

開発者ひさしがアップデートしないので、あなたは力づくでアップデートさせることになりました！

クリックしてアップデートを開始してください！

アップデートが完了したら、どうぶつたちから感謝されるでしょう！

このゲームは、どうぶつスクールスクールシミュレーターというゲームのアップデートを開発者ひさしに強制的に行わせるというものです。スタートボタンをクリックするとアップデートが開始され、進捗状況が表示されます。アップデートが完了すると感謝のメッセージが届きます。スマホでも遊べる様に、ボタンのサイズや進捗状況バーの高さなどデザインを工夫しました。スマホのキャラクターをある程度イメージして、絵文字を使って表現しています。

←

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: yellow;
			font-size: 30px;
			text-align: center;
		}
		
		button {
			background-color: green;
			color: white;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 20px;
			cursor: pointer;
		}
		
		img {
			height: 200px;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールスクールシミュレーター アップデート</h1>
	<p>開発者ひさしがアップデートしないので、あなたは力づくでアップデートさせることになりました！</p>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/285/loudly-crying-face_1f62d.png">
	<p>クリックしてアップデートを開始してください！</p>
	<button onclick="update()">アップデート！</button>
	<p>アップデートが完了したら、どうぶつたちから感謝されるでしょう！</p>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/285/smiling-face-with-heart-shaped-eyes_1f60d.png">
	
	<script>
		function update() {
			alert("アップデートが開始されました！");
			var progressBar = document.createElement("progress");
			progressBar.setAttribute("value", "0");
			progressBar.setAttribute("max", "10");
			document.body.appendChild(progressBar);
			var count = 0;
			var updateInterval = setInterval(function() {
				count++;
				progressBar.setAttribute("value", count.toString());
				if (count == 10) {
					clearInterval(updateInterval);
					alert("アップデートが完了しました！感謝のメッセージが届きました！");
					var message = document.createElement("p");
					message.textContent = "ありがとう！あなたは最高の開発者だ！";
					document.body.appendChild(message);
				}
			}, 1000);
		}
	</script>
</body>
</html>

どうぶつスクールスクールシミュレーター アップデート

どうぶつスクールスクールシミュレーターアップデート