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

No:30998

ボタンをひたすら押し、敵に押した回数が抜かれたらゲームオーバー　敵のボタンを押すスピードは最初は遅い..ALL
Developer User14989｜Date and time 23/12/24 20:11:53
Build time 14.049 sec｜Game capacity 1.929KB｜

Script

ボタンゲーム

ボタンをひたすら押し、敵に押した回数が抜かれたらゲームオーバー

←

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 {
      text-align: center;
      margin-top: 100px;
    }
    button {
      font-size: 40px;
      padding: 20px 40px;
    }
  </style>
</head>
<body>
  <h1>ボタンゲーム</h1>
  <p>ボタンをひたすら押し、敵に押した回数が抜かれたらゲームオーバー</p>
  <button id="playerButton">ボタンを押す</button>
  <br>
  <button id="enemyButton" disabled>敵のターン</button>
  
  <script>
    var playerScore = 0;
    var enemyScore = 0;
    var enemySpeed = 1500;
    var enemyButton = document.getElementById("enemyButton");
    var gameInterval;
    
    document.getElementById("playerButton").addEventListener("click", function() {
      playerScore++;
    });
    
    function startEnemyTurn() {
      enemyButton.disabled = false;
      enemyButton.style.fontSize = "40px";
      enemyButton.innerText = "ボタンを押す";
      gameInterval = setInterval(function() {
        enemyScore++;
        enemyButton.innerText = "敵: " + enemyScore;
      }, enemySpeed);
    }
    
    function stopEnemyTurn() {
      clearInterval(gameInterval);
      enemyButton.disabled = true;
      enemyButton.innerText = "敵終了";
    }
    
    function gameOver() {
      clearInterval(gameInterval);
      document.getElementById("playerButton").disabled = true;
      enemyButton.disabled = true;
      alert("ゲームオーバー\nあなたのスコア: " + playerScore + "\n敵のスコア: " + enemyScore);
    }
    
    startEnemyTurn();
    
    setTimeout(function() {
      stopEnemyTurn();
      if (playerScore < enemyScore) {
        gameOver();
      } else {
        document.getElementById("playerButton").disabled = false;
        document.getElementById("playerButton").innerText = "あなた: " + playerScore;
      }
    }, 10000);
  </script>
</body>
</html>