Developer Hisashi is pissed off because the Animal School Simulator update didnt come 🤬💢Lion🦁Guts and Mashashi game's game

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

No:2694

1466

←

Prev Next

→

Developer Hisashi is pissed off because the Animal..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/22 10:42:18
Build time 21.7 sec｜Game capacity 1.875KB｜

Script

を作ってストレス発散する事にした👊🎮

ライオンのマシマシゲーム🦁

←

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: #FFE6CC;
			margin: 0;
			padding: 0;
			font-size: 2em;
		}
		
		#game-area {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-evenly;
			height: 100vh;
			font-size: 5em;
			text-align: center;
			user-select: none;
		}
		
		.button {
			background-color: #FF7733;
			color: white;
			padding: 0.5em;
			border-radius: 1em;
			cursor: pointer;
		}
		
		#gauge {
			display: flex;
			justify-content: center;
		}
		
		#bar {
			background-color: #FFD1A0;
			height: 1em;
			border-radius: 0.5em;
			width: 80%;
			margin-top: 1em;
		}
		
		#inner-bar {
			background-color: #FF7733;
			height: 100%;
			border-radius: 0.5em;
			width: 0;
		}
	</style>
	<script>
		let gaugeWidth = 0;
		let gaugeInterval;
		
		function mashMash() {
			gaugeWidth += 10;
			document.getElementById("inner-bar").style.width = gaugeWidth + "%";
			if (gaugeWidth >= 100) {
				clearInterval(gaugeInterval);
				alert("おめでとう！ライオンが強くなった！");
			}
		}
		
		function startGame() {
			document.getElementById("start-button").remove();
			document.getElementById("gauge").style.visibility = "visible";
			gaugeInterval = setInterval(mashMash, 500);
		}
		
		window.onload = function() {
			document.getElementById("start-button").addEventListener("click", startGame);
		}
	</script>
</head>
<body>
	<div id="game-area">
		<div>ライオンのマシマシゲーム🦁</div>
		<div id="score">0</div>
		<div><button id="start-button" class="button">スタート！</button></div>
		<div id="gauge" style="visibility: hidden;">
			<div id="bar">
				<div id="inner-bar"></div>
			</div>
		</div>
	</div>
</body>
</html>