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

No:10966

90

Typing game in which the user types in a wish comp..ALL
Developer User4729｜Date and time 23/8/6 2:28:07
Build time 16.199 sec｜Game capacity 1.565KB｜

流れ星願い事タイピングゲーム

→ 　

0　

0　

[PR]現在の売れ筋ゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>流れ星願い事タイピングゲーム</title>
</head>
<body>
  <h1>流れ星願い事タイピングゲーム</h1>
  <p id="text"></p>
  <input type="text" id="input" oninput="checkInput()">
  <button onclick="startGame()">スタート</button>
  <p id="result"></p>

<script>
    function startGame() {
      const wishes = [
        "健康になる",
        "幸せになる",
        "成功する",
        "大好きな人と結婚する",
        "夢を叶える"
      ];
      const textElement = document.getElementById("text");
      const inputElement = document.getElementById("input");
      const resultElement = document.getElementById("result");
      let currentWishIndex = 0;
      let timer;
      
      function showNextWish() {
        if (currentWishIndex < wishes.length) {
          textElement.textContent = wishes[currentWishIndex];
          currentWishIndex++;
          inputElement.value = '';
          inputElement.focus();
        } else {
          clearInterval(timer);
          resultElement.textContent = "すべての願い事を入力完了しました！";
        }
      }
      
      function checkInput() {
        const inputText = inputElement.value.trim();
        if (inputText === wishes[currentWishIndex - 1]) {
          showNextWish();
        }
      }
      
      showNextWish();
      timer = setInterval(showNextWish, 5000);
    }
  </script>
</body>
</html>