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

No:155

304

←

Prev Next

→

Cradle Rocking Game
Developer ひさひさ｜Date and time 23/5/29 18:22:51
Build time 43.4 sec｜Game capacity 1.333KB｜

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 type="text/css">
		body {
			background-color: #F5DEB3;
			text-align: center;
		}
		img {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		var counter = 0;
		var rocking = false;
		
		function rockCradle() {
			if (!rocking) {
				var cradle = document.getElementById("cradle");
				rocking = true;
				counter++;
				cradle.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/baby_1f476.png";
				if (counter > 5) {
					alert("おめでとうございます！赤ちゃんが眠りました！");
				}
				setTimeout(function() {
					rocking = false;
					cradle.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/baby-symbol_1f6bc.png";
				}, 1000);
			}
		}
	</script>
</head>
<body>
	<h1>ゆりかごを揺らすゲーム</h1>
	<p>赤ちゃんを眠らせるために、ゆりかごを揺らしてあげましょう。5回揺らすと赤ちゃんが眠ります。</p>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/baby-symbol_1f6bc.png" id="cradle" onclick="rockCradle()">
</body>
</html>