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

No:52258

104

←

Prev Next

→

10秒間でpush ボタンを何回押せるかというゲーム。プレイした人の記録を保存しランキングを最後に表..ALL
Developer User21817｜Date and time 24/3/19 20:08:34
Build time 10.129 sec｜Game capacity 1.804KB｜

Script

Push Button Game

Score: 0

Time: 10

Leaderboard

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Push Button Game</title>
</head>
<body>
<h1>Push Button Game</h1>
<button id="pushButton">Push Me!</button>
<p id="score">Score: 0</p>
<button id="startButton">Start Game</button>
<p id="timer">Time: 10</p>
<h2>Leaderboard</h2>
<ol id="leaderboard"></ol>

document.getElementById("startButton").addEventListener("click", function() {
  score = 0;
  time = 10;
  leaderboard = [];
  updateScore();
  updateTimer();
  timerInterval = setInterval(updateTimer, 1000);
  document.getElementById("startButton").disabled = true;
  document.getElementById("pushButton").disabled = false;
  document.getElementById("pushButton").addEventListener("click", incrementScore);
});

function updateScore() {
  document.getElementById("score").innerText = "Score: " + score;
}

function incrementScore() {
  score++;
  updateScore();
}

function updateTimer() {
  time--;
  document.getElementById("timer").innerText = "Time: " + time;
  if (time === 0) {
    clearInterval(timerInterval);
    document.getElementById("startButton").disabled = false;
    document.getElementById("pushButton").disabled = true;
    saveScore();
    showLeaderboard();
  }
}

function saveScore() {
  leaderboard.push(score);
}

function showLeaderboard() {
  leaderboard.sort((a, b) => b - a);
  let leaderboardElement = document.getElementById("leaderboard");
  leaderboardElement.innerHTML = "";
  leaderboard.forEach((score, index) => {
    let li = document.createElement("li");
    li.textContent = "Rank " + (index + 1) + ": " + score;
    leaderboardElement.appendChild(li);
  });
}
</script>

</body>
</html>