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

No:23878

109

←

Prev Next

→

ウサギとカメプレイヤーはカメ敵キャラはウサギのレースゲーム・カメは連打で前進・100タ..ALL
Developer バファリンヌ｜Date and time 23/11/4 2:38:12
Build time 35.389 sec｜Game capacity 1.376KB｜

Script

ウサギとカメレースゲーム

カメの操作：連打で前進

目標：100タップするとゴール

ウサギの進行状況：

結果：

←

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>
</head>
<body>
  <h1>ウサギとカメ レースゲーム</h1>
  <h2>カメの操作：連打で前進</h2>
  <h2>目標：100タップするとゴール</h2>
  <button onclick="moveTurtle()">カメを連打！</button>
  <br><br>
  <h2>ウサギの進行状況：</h2>
  <progress id="rabbitProgress" value="0" max="50"></progress>
  <br><br>
  <h2>結果：</h2>
  <p id="result"></p>

function moveTurtle() {
      rabbitProgress.value = +0;  // ウサギの進行状況をリセット

let interval = setInterval(() => {
        rabbitProgress.value += 0.5;  // カメ側の進捗

if (rabbitProgress.value >= 50) {
          clearInterval(interval);
          result.textContent = "カメの勝利！";
        }
      }, 100);
    }

setTimeout(() => {
      setTimeout(() => {
        rabbitProgress.value = 25;  // ウサギの進行状況
        if (rabbitProgress.value >= 50) {
          result.textContent = "ウサギの勝利！";
        } else {
          result.textContent = "カメの勝利！";
        }
      }, 5000);
    }, 5000);
  </script>
</body>
</html>

ウサギとカメ レースゲーム

カメの操作：連打で前進

目標：100タップするとゴール

ウサギの進行状況：

結果：

ウサギとカメレースゲーム