Soft melon rubbing game's game

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

No:1721

115

←

Prev Next

→

Soft melon rubbing game
Developer User3310｜Date and time 23/6/18 22:36:47
Build time 19.075 sec｜Game capacity 1.519KB｜

Script

クリックしてメロンを揉もう！

スコア: 0

ハイスコア: 0

🍈

【ゲームの説明】柔らかいメロンをクリックして揉みましょう！クリックするとスコアが1点加算されます。メロンを揉むと、メロンが🍉に変わり、0.1秒後に元に戻ります。ハイスコアが更新されると、自動的にlocalStorageに保存されます。

←

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: #FDB813;
			font-size: 30px;
			text-align: center;
			padding-top: 50px;
		}
		
		#melon {
			font-size: 100px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<p id="message">クリックしてメロンを揉もう！</p>
	<p id="score">スコア: 0</p>
	<p id="highscore">ハイスコア: 0</p>
	<div id="melon">🍈</div>

document.getElementById("melon").addEventListener("click", function() {
			score++;
			document.getElementById("score").innerHTML = "スコア: " + score;
			document.getElementById("melon").innerHTML = "🍉";
			setTimeout(function() {
				document.getElementById("melon").innerHTML = "🍈";
			}, 100);

if (score > highScore) {
				highScore = score;
				localStorage.setItem("highScore", highScore);
				// localStorageにハイスコアを保存
				document.getElementById("highscore").innerHTML = "ハイスコア: " + highScore;
			}
		});
	</script>
</body>
</html>

【ゲームの説明】
柔らかいメロンをクリックして揉みましょう！
クリックするとスコアが1点加算されます。
メロンを揉むと、メロンが🍉に変わり、0.1秒後に元に戻ります。
ハイスコアが更新されると、自動的にlocalStorageに保存されます。