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

No:1315

←

Prev Next

→

Curry Eating Game
Developer User3305｜Date and time 23/6/18 10:58:19
Build time 19.178 sec｜Game capacity 1.759KB｜

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 type="text/css">
		body {
			text-align: center;
			background-color: #F5DEB3;
			color: #A0522D;
			font-family: Arial, sans-serif;
		}
		h1 {
			font-size: 3em;
			margin: 0;
			padding-top: 20px;
		}
		p {
			font-size: 2em;
			margin: 10px auto;
		}
		#curry {
			font-size: 5em;
		}
		button {
			font-size: 2.5em;
			background-color: #CD5C5C;
			color: #FFF;
			border-radius: 10px;
			padding: 10px;
			margin-top: 30px;
			cursor: pointer;
		}
		#timer {
			font-size: 8em;
			margin: 0;
			padding-top: 30px;
		}
	</style>
</head>
<body>
	<h1>カレータイム！</h1>
	<p>「カレータイム！」は、カレーを早く食べるゲームです。</p>
	<p>スマホで操作して、制限時間内にカレーを完食しましょう！</p>
	<p id="curry">🍛</p>
	<button id="startBtn">スタート！</button>
	<p id="timer">30</p>

function countdown() {
			timeLeft--;
			document.getElementById("timer").innerHTML = timeLeft;
			if (timeLeft == 0) {
				clearInterval(timer);
				alert("タイムアップ！カレーを完食できませんでした...");
				document.getElementById("curry").innerHTML = "";
			}
		}

function eatCurry() {
			document.getElementById("curry").innerHTML = "";
			clearInterval(timer);
			alert("おいしい！カレーを完食しました！");
		}

document.getElementById("startBtn").addEventListener("click", function() {
			document.getElementById("curry").innerHTML = "🍛";
			timer = setInterval(countdown, 1000);
			document.getElementById("curry").addEventListener("click", eatCurry);
		});
	</script>
</body>
</html>