Lion's Fury Game🦁💢

Let's play with the lion!

Experience: 0

Hunger: 0

Sleepiness: 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>Lion's Fury Game🦁💢</title>
	<style>
	body {
		text-align: center;
		background-color: #FDDC69;
	}
	h1 {
		font-size: 3rem;
		color: #8B0000;
		margin-bottom: 1rem;
	}
	p {
		color: #8B0000;
		font-size: 2rem;
		margin-bottom: 2rem;
	}
	button {
		padding: 1rem 2rem;
		font-size: 1.5rem;
		background-color: #8B0000;
		color: white;
		border: none;
		border-radius: 0.5rem;
		cursor: pointer;
	}
	button:hover {
		background-color: #B22222;
	}
	#lion {
		font-size: 10rem;
		margin-top: 2rem;
	}
	</style>
	<script>
	let lionExperience = 0;
	let lionHunger = 0;
	let lionSleepiness = 0;
	
	function updateLion() {
		const lion = document.getElementById('lion');
		if (lionExperience >= 10 && lionHunger <= 5 && lionSleepiness <= 5) {
			lion.innerHTML = '🌟🦁';
		} else if (lionHunger >= 10 || lionSleepiness >= 10) {
			lion.innerHTML = '😵🦁';
		} else if (lionHunger >= 5 || lionSleepiness >= 5) {
			lion.innerHTML = '😴🦁';
		} else {
			lion.innerHTML = '🦁';
		}
	}
	
	function play() {
		lionExperience += 2;
		lionHunger += 1;
		lionSleepiness += 1;
		updateLion();
		updateStats();
		checkGameEnd();
	}
	
	function feed() {
		lionExperience += 1;
		lionHunger -= 4;
		lionSleepiness += 2;
		updateLion();
		updateStats();
		checkGameEnd();
	}
	
	function sleep() {
		lionExperience += 1;
		lionHunger += 1;
		lionSleepiness -= 6;
		updateLion();
		updateStats();
		checkGameEnd();
	}
	
	function updateStats() {
		document.getElementById('exp').innerHTML = lionExperience;
		document.getElementById('hunger').innerHTML = lionHunger;
		document.getElementById('sleepiness').innerHTML = lionSleepiness;
	}
	
	function checkGameEnd() {
		if (lionHunger >= 20 || lionSleepiness >= 20) {
			alert('Game Over!');
			location.reload();
		}
	}
	</script>
</head>
<body>
	<h1>Lion's Fury Game🦁💢</h1>
	<p>Let's play with the lion!</p>
	<button onclick="play()">Play with Lion🤹‍♂️</button>
	<button onclick="feed()">Feed Lion🍗</button>
	<button onclick="sleep()">Let Lion Sleep🛌</button>
	<p>Experience: <span id="exp">0</span></p>
	<p>Hunger: <span id="hunger">0</span></p>
	<p>Sleepiness: <span id="sleepiness">0</span></p>
	<div id="lion">🦁</div>
</body>
</html>