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

No:2558

3103

←

Prev Next

→

👁から青の水滴が3秒間に最大1〜
Developer User3578｜Date and time 23/6/21 23:20:22
Build time 34.72 sec｜Game capacity 3.216KB｜

Script

Water Drop Game

青い水滴をタップしてスコアを上げよう！赤い水滴をタップするとスコアが減ります。

スコア：0

👁から青の水滴が3秒間に最大1〜3落ちる

👁から赤い水滴が3秒間に最大3〜5落ちる

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Water Drop Game</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #f2f2f2;
			text-align: center;
		}
		button {
			font-size: 20px;
			padding: 10px;
			border: none;
			background-color: #4CAF50;
			color: white;
			cursor: pointer;
		}
		button:hover {
			background-color: #3e8e41;
		}
	</style>
</head>
<body>
	<h1>Water Drop Game</h1>
	<p>青い水滴をタップしてスコアを上げよう！赤い水滴をタップするとスコアが減ります。</p>
	<p>スコア：<span id="score">0</span></p>
	<div>
		<button onclick="startGame()">スタート</button>
		<button onclick="resetGame()">リセット</button>
	</div>
	<p>👁から青の水滴が3秒間に最大1〜3落ちる</p>
	<p>👁から赤い水滴が3秒間に最大3〜5落ちる</p>
	<div id="gameArea"></div>
	<script>
		var score = 0;
		var timerId;

function startGame() {
			document.getElementById("gameArea").innerHTML = "";
			score = 0;
			document.getElementById("score").innerHTML = score;
			timerId = setInterval(dropWater, 3000);
		}

function resetGame() {
			clearInterval(timerId);
			document.getElementById("gameArea").innerHTML = "";
			score = 0;
			document.getElementById("score").innerHTML = score;
		}