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

開発者ひさしにブチ切れる🤬💢ライオン🦁ガツンとマシマシゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>どうぶつスクールシミュレーター</title>
</head>
<body>
	<h1>どうぶつスクールシミュレーター</h1>
	<p>開発者ひさしにブチ切れる🤬💢ライオン🦁ガツンとマシマシゲーム</p>
	<div id="game-container">
		<img src="lion.png" alt="ライオンの画像" id="lion-img">
		<button id="feed-btn">えさをやる</button>
		<button id="exercise-btn">運動させる</button>
		<p id="status-msg"></p>
	</div>
	
	<script>
		let lion = {
			name: "ライオン",
			hungry: 50,
			stamina: 50,
			happiness: 50,
			isSleeping: false,
			feed: function() {
				if(this.hungry <= 90) {
					this.hungry += 10;
				} else {
					this.hungry = 100;
				}
				this.stamina -= 10;
				this.happiness += 5;
			},
			exercise: function() {
				if(this.stamina <= 90) {
					this.stamina += 10;
				} else {
					this.stamina = 100;
				}
				this.hungry -= 10;
				this.happiness += 5;
			},
			sleep: function() {
				this.isSleeping = true;
				this.stamina += 50;
				setTimeout(function() {
        			this.isSleeping = false;
        		}.bind(this), 3000);
			}
		}
		
		let lionImg = document.getElementById("lion-img");
		let feedBtn = document.getElementById("feed-btn");
		let exerciseBtn = document.getElementById("exercise-btn");
		let statusMsg = document.getElementById("status-msg");
		
		lionImg.addEventListener("click", function() {
			if(lion.isSleeping) {
				statusMsg.textContent = "寝ているので起こさないでください😴";
			} else {
				statusMsg.textContent = `${lion.name}のお腹が空いています🦁`;
			}
		});
		
		feedBtn.addEventListener("click", function() {
			if(lion.isSleeping) {
				statusMsg.textContent = "寝ているので起こさないでください😴";
			} else {
				lion.feed();
				statusMsg.textContent = `${lion.name}は満腹になりました😋`;
			}
		});
		
		exerciseBtn.addEventListener("click", function() {
			if(lion.isSleeping) {
				statusMsg.textContent = "寝ているので起こさないでください😴";
			} else {
				lion.exercise();
				statusMsg.textContent = `${lion.name}は運動して元気になりました💪`;
			}
		});
	</script>
</body>
</html>