ライオンマシマシゲーム

このゲームでは、ライオンを「マシマシ」して強くしていきます。

ただし、ライオンが強くなると、飼育が難しくなります。ご注意ください。

現在のライオンレベル：

【ゲームの概要】このゲームでは、ライオンを「マシマシ」して強くしていきます。ただし、ライオンが強くなると、飼育が難しくなります。現在のライオンレベルが表示され、ボタンをクリックするとレベルが上がります。レベルが11になると、ライオンが暴走してしまい、飼育に注意が必要になります。リセットボタンを押すと、レベルが1に戻ります。

←

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: 2rem;
			text-align: center;
		}
		#lion-image {
			width: 30%;
			margin: 2rem;
		}
		button {
			font-size: 2rem;
			padding: 1rem;
			margin: 1rem;
			background-color: #4CAF50;
			color: #fff;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}
		button:hover {
			background-color: #3e8e41;
		}
	</style>
</head>
<body>
	<h1>ライオンマシマシゲーム</h1>
	<img id="lion-image" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/google/56/lion-face_1f981.png" alt="ライオン">
	<p>このゲームでは、ライオンを「マシマシ」して強くしていきます。</p>
	<p>ただし、ライオンが強くなると、飼育が難しくなります。ご注意ください。</p>
	<p>現在のライオンレベル：</p>
	<p id="lion-level">1</p>
	<button onclick="masimasu()">マシマシする</button>
	<button onclick="reset()">リセットする</button>
	<script>
		let lionLevel = 1;
		
		function masimasu() {
			lionLevel++;
			document.getElementById("lion-level").textContent = lionLevel;
			document.getElementById("lion-image").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/google/56/lion-face-with-probing-cane_1f98f.png";
			setTimeout(function() {
				document.getElementById("lion-image").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/google/56/lion-face_1f981.png";
			}, 1000);
			if (lionLevel === 11) {
				alert("ライオンが暴走してしまいました！飼育にご注意ください！！");
				document.getElementById("lion-image").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/google/56/lion-face-with-tears-of-joy-and-tone_1f602-1f3fb-200d-1f4bc.png";
			}
		}
		
		function reset() {
			lionLevel = 1;
			document.getElementById("lion-level").textContent = lionLevel;
			document.getElementById("lion-image").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/google/56/lion-face_1f981.png";
		}
	</script>
</body>
</html>

【ゲームの概要】
このゲームでは、ライオンを「マシマシ」して強くしていきます。ただし、ライオンが強くなると、飼育が難しくなります。現在のライオンレベルが表示され、ボタンをクリックするとレベルが上がります。レベルが11になると、ライオンが暴走してしまい、飼育に注意が必要になります。リセットボタンを押すと、レベルが1に戻ります。