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

No:1546

1918

←

Prev Next

→

Buzz Games
Developer User3025｜Date and time 23/6/18 18:26:16
Build time 21.803 sec｜Game capacity 1.784KB｜

Script

バズるゲーム

タップでポイントを獲得！

制限時間内に何ポイント獲得できるか挑戦しよう！

※絵文字は省略しました。基本的には1枚のHTMLファイルで実装しました。JavaScriptが含まれ、スマホでも操作可能です。ゲームの概要は、タップしてポイントを獲得し、30秒間で何ポイント獲得できるかを競うというものです。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>バズるゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			margin: 0;
			padding: 0;
			font-family: Arial, sans-serif;
			text-align: center;
		}

h1 {
			font-size: 2rem;
			margin-top: 2rem;
		}

#score {
			font-size: 1.5rem;
			padding: 1rem;
			background-color: #ffbf00;
			color: white;
			border-radius: 1rem;
			margin-top: 1rem;
		}

.button {
			background-color: #008CBA;
			color: white;
			padding: 0.5rem 2rem;
			border-radius: 1rem;
			font-size: 1.5rem;
			margin-top: 1rem;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>バズるゲーム</h1>
	<p>タップでポイントを獲得！</p>
	<p>制限時間内に何ポイント獲得できるか挑戦しよう！</p>
	<div id="score">0</div>
	<button id="button" class="button">タップ！</button>
	<script>
		let score = 0;
		let timeLeft = 30;
		let interval;

// ボタンをクリックしたらスコアを加算
		document.getElementById("button").addEventListener("click", function() {
			score += 1;
			document.getElementById("score").textContent = `スコア: ${score}`;
		});

// 制限時間をカウントダウン
		function countDown() {
			timeLeft--;
			if (timeLeft === 0) {
				clearInterval(interval);
				alert(`制限時間終了！あなたのスコアは${score}ポイントでした！`);
			}
		}

interval = setInterval(countDown, 1000);
	</script>
</body>
</html>