みそきん売り切れでブチギレるゲーム

🍙🍙🍙🍙🍙🍙🍙🍙🍙🍙

みそきん残り: 20

←

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 type="text/css">
		body {
			background-color: #FFE4C4;
			font-size: 24px;
			text-align: center;
		}
		
		#title {
			font-size: 48px;
			margin-top: 50px;
		}
		
		#gameboard {
			background-color: #F5DEB3;
			margin: 50px auto;
			width: 80%;
			height: 400px;
			border-radius: 10px;
			padding: 20px;
		}
		
		#misokin {
			font-size: 80px;
			margin-bottom: 50px;
		}
		
		#counter {
			font-size: 48px;
			margin-bottom: 30px;
		}
		
		#button {
			font-size: 36px;
			background-color: #8B0000;
			color: white;
			border: none;
			padding: 15px 30px;
			border-radius: 10px;
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		var count = 0;
		
		function generateMisokin() {
			var misokin = document.createElement("span");
			misokin.innerHTML = "🍙";
			
			var x = Math.floor(Math.random() * 70) + 10;
			var y = Math.floor(Math.random() * 270) + 10;
			
			misokin.style.position = "absolute";
			misokin.style.left = x + "%";
			misokin.style.top = y + "px";
			misokin.classList.add("misokin");
			document.getElementById("gameboard").appendChild(misokin);
			
			setTimeout(function() {
				misokin.parentNode.removeChild(misokin);
			}, 5000);
		}
		
		function countMisokin() {
			count++;
			document.getElementById("counter").innerHTML = "みそきん残り: " + (20-count);
			if (count == 20) {
				alert("みそきんが売り切れました！"+"\n"+"ブチギレモード突入！！！");
				document.getElementById("gameboard").style.backgroundColor = "#8B0000";
				document.getElementById("button").disabled = true;
				document.body.style.backgroundImage = "url('explosion.gif')";
				var misokins = document.querySelectorAll(".misokin");
				for (var i = 0; i < misokins.length; i++) {
					misokins[i].style.display = "none";
				}
			}
		}
		
		function startGame() {
			var button = document.getElementById("button");
			button.innerHTML = "GAME START!";
			for (var i = 0; i < 20; i++) {
				setTimeout(generateMisokin, i * 1000);
			}
			setTimeout(function() {
				button.disabled = false;
				button.innerHTML = "みそきんを買う！";
			}, 20000);
		}
	</script>
</head>
<body>
	<h1 id="title">みそきん売り切れでブチギレるゲーム</h1>
	<div id="gameboard">
		<h2 id="misokin">🍙🍙🍙🍙🍙🍙🍙🍙🍙🍙</h2>
		<h3 id="counter">みそきん残り: 20</h3>
		<button id="button" onclick="countMisokin()" disabled>みそきんを買う！</button>
	</div>
</body>
</html>