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

No:1981

1400

←

Prev Next

→

Just as you are about to start working hard, a fiv..ALL
Developer りおパパ｜Date and time 23/6/19 16:13:47
Build time 49.164 sec｜Game capacity 3.472KB｜

Script

信玄餅爆発回避ゲーム

信玄餅を食べる5歳児が現れた！爆発しないように注意しよう！

←

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: #f5dfe6;
			font-size: 24px;
			text-align: center;
			padding: 20px;
		}
		button {
			background-color: #ff6b6b;
			color: white;
			border: none;
			padding: 10px;
			border-radius: 10px;
			font-size: 20px;
			cursor: pointer;
			margin: 5px;
		}
		img {
			max-width: 100%;
			height: auto;
			margin-top: 10px;
		}
	</style>
</head>
<body>
	<h1>信玄餅爆発回避ゲーム</h1>
	<p>信玄餅を食べる5歳児が現れた！爆発しないように注意しよう！</p>
	<button id="startBtn">ゲームスタート！</button>
	<div id="gameArea" style="display:none;">
		<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/face-with-open-mouth_1f62e.png" alt="5歳児の顔" id="childImg">
		<p>信玄餅をクリックして食べさせよう！<br>爆発すると長髪が真っ黒になるよ！</p>
		<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/cake_1f370.png" alt="信玄餅" id="dangoImg">
	</div>
	<button id="resetBtn" style="display:none;">もう一度遊ぶ！</button>
	<script>
		let isPlaying = false;
		let childImg = document.getElementById("childImg");
		let dangoImg = document.getElementById("dangoImg");
		let startBtn = document.getElementById("startBtn");
		let resetBtn = document.getElementById("resetBtn");
		let gameArea = document.getElementById("gameArea");

function explode(){
			childImg.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/face-with-head-bandage_1f915.png";
			childImg.alt = "怪我をした5歳児の顔";
			childImg.style.marginTop = "0";
			childImg.style.maxWidth = "50%";
			childImg.style.transform = "scaleX(-1)";
			dangoImg.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/pile-of-poo_1f4a9.png";
			dangoImg.alt = "爆発した信玄餅";
			dangoImg.style.width = "80px";
			dangoImg.style.marginTop = "-30px";
			dangoImg.style.transform = "scaleX(-1)";
			alert("信玄餅が爆発してしまいました！長髪が真っ黒になってしまいました！");
			resetBtn.style.display = "block";
			isPlaying = false;
		}

function playGame(){
			gameArea.style.display = "block";
			startBtn.style.display = "none";
			isPlaying = true;
		}

function resetGame(){
			childImg.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/child_1f9d2_1f3fb.png";
			childImg.alt = "5歳児の顔";
			childImg.style.marginTop = "10px";
			childImg.style.maxWidth = "100%";
			childImg.style.transform = "scaleX(1)";
			dangoImg.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/cake_1f370.png";
			dangoImg.alt = "信玄餅";
			dangoImg.style.width = "120px";
			dangoImg.style.marginTop = "0";
			dangoImg.style.transform = "scaleX(1)";
			resetBtn.style.display = "none";
			startBtn.style.display = "block";
			gameArea.style.display = "none";
		}

startBtn.addEventListener("click", function(){
			playGame();
		});

resetBtn.addEventListener("click", function(){
			resetGame();
		});

dangoImg.addEventListener("click", function(){
			if(isPlaying){
				if(Math.random() >= 0.5){
					explode();
				} else {
					alert("信玄餅を食べさせた！よかったね！");
				}
			}
		});
	</script>
</body>
</html>