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

No:2230

301

←

Prev Next

→

A game to make a slime puddle
Developer もちきなこ｜Date and time 23/6/20 16:17:27
Build time 26.468 sec｜Game capacity 1.817KB｜

Script

スライムぷにぷにゲーム

スマホで操作してね！

🐱

Score: 0

Time: 10

スライムをぷにぷにしてスコアを稼ごう！
10秒で終了します。

※絵文字が表示されない場合は、ブラウザによっては対応していないものもあります。

←

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: #ffffff;
		text-align: center;
	}
	h1, h2 {
		font-family: sans-serif;
		color: #ff0000;
	}
	#slime {
		font-size: 100px;
		cursor: pointer;
	}
	#score {
		font-size: 50px;
		color: #00ccff;
	}
	</style>
	<script>
	var score = 0;  // スコアの初期値

// スライムをぷにぷにする関数
	function punita() {
		var slime = document.getElementById("slime");
		slime.innerHTML = "💩";
		setTimeout(function(){
			slime.innerHTML = "🐱";
		}, 200);
		score += 10;  // スコアを10増やす
		document.getElementById("score").innerHTML = "Score: " + score;
	}

// 10秒経過したらアラートを表示してリセットする関数
	function reset() {
		alert("Time Up! Your score is " + score + ".");
		location.reload();
	}

// 10秒ごとに残り時間を表示する関数
	function countDown() {
		var time = 10;
		var timer = setInterval(function(){
			document.getElementById("time").innerHTML = "Time: " + time;
			time--;
			if (time < 0) {
				clearInterval(timer);
				reset();  // リセット関数を呼び出す
			}
		}, 1000);
	}

window.onload = function() {
		document.getElementById("slime").addEventListener("click", punita);
		countDown();  // 残り時間を表示する関数を呼び出す
	}
	</script>
</head>
<body>
	<h1>スライムぷにぷにゲーム</h1>
	<h2>スマホで操作してね！</h2>
	<p id="slime">🐱</p>
	<p id="score">Score: 0</p>
	<p id="time">Time: 10</p>
	<p>スライムをぷにぷにしてスコアを稼ごう！<br>10秒で終了します。</p>
</body>
</html>

※絵文字が表示されない場合は、ブラウザによっては対応していないものもあります。