AI game creator

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

No:7449

1672

←

Prev Next

→

reaction formula
Developer もちきなこ｜Date and time 23/7/7 22:28:14
Build time 11.685 sec｜Game capacity 1.944KB｜

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>
  </head>
  <body>
    <script>
      // 化学反応式のゲーム
      const equations = [
        "H₂ + O₂ -> H₂O",
        "2H₂ + O₂ -> 2H₂O",
        "CH₄ + 2O₂ -> 2H₂O + CO₂",
        "2Na + Cl₂ -> 2NaCl"
      ];
      
      // ランダムに化学反応式を選ぶ
      const randomEquation = equations[Math.floor(Math.random() * equations.length)];
      
      // ゲームのタイトルを表示
      const title = document.createElement("h1");
      title.textContent = "化学反応式のゲーム";
      document.body.appendChild(title);
      
      // ランダムな化学反応式を表示
      const equation = document.createElement("p");
      equation.textContent = randomEquation;
      document.body.appendChild(equation);
      
      // ユーザーが入力した化学反応式を取得
      const input = document.createElement("input");
      document.body.appendChild(input);
      
      // ユーザーがEnterキーを押したら答え合わせをする
      input.addEventListener("keydown", function(event) {
console.warn(event.keyCode);
        if(event.keyCode === 13) {
          checkAnswer();
        }
      });
      
      // 答え合わせをする
      function checkAnswer() {
        const answer = input.value;
        if(answer === randomEquation) {
          alert("正解です！");
        } else {
          alert("不正解です！");
        }
        // ゲームをリセット
        resetGame();
      }
      
      // ゲームをリセット
      function resetGame() {
        randomEquation = equations[Math.floor(Math.random() * equations.length)];
        equation.textContent = randomEquation;
        input.value = "";
      }
    </script>
  </body>
</html>