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

No:1629

893

←

Prev Next

→

Games that help you understand the concept of divi..ALL
Developer User3376｜Date and time 23/6/18 20:15:39
Build time 23.708 sec｜Game capacity 2.052KB｜

Script

以下が、算数の割り算の概念が理解できるゲームの例です。

割り算ゲーム

🎓 ÷ 🍕 = ?

このゲームは、割る数をランダムな数値で生成し、その数値で10から1までの乱数を割り算する問題を出題します。回答欄に答えを入力して回答すると、「正解！」か「不正解...」というメッセージが表示され、正解の場合は2秒後に次の問題に進みます。グラフィックや操作方法など、詳細は実際に実行して確認してください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

以下が、算数の割り算の概念が理解できるゲームの例です。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>割り算ゲーム</title>
    <style>
      body {
        font-size: 30px;
        text-align: center;
      }
      button {
        font-size: 30px;
        padding: 10px;
        margin-top: 20px;
      }
      #answer {
        font-size: 50px;
        margin-top: 50px;
      }
      .emoji {
        font-size: 80px;
      }
    </style>
  </head>
  <body>
    <h1>割り算ゲーム</h1>
    <p class="emoji">🎓 ÷ 🍕 = ?</p>
    <input type="number" id="input">
    <button onclick="answer()">回答する</button>
    <p id="result"></p>
    <script>
      // 割る数と答えをランダムに生成
      const num1 = Math.floor(Math.random() * 10 + 1);
      const num2 = Math.floor(Math.random() * 5 + 1);
      const answer = num1 / num2;
      // ゲーム開始時のメッセージを表示
      const message = `🎓 ÷ ${num2} = ?`;
      document.querySelector('.emoji').textContent = message;
      // 答え合わせを行う関数
      function answer() {
        const input = Number(document.querySelector('#input').value);
        if (input === answer) {
          document.querySelector('#result').textContent = '正解！🎉';
          // 次の問題へ移るためにリロード
          setTimeout(() => {
            location.reload();
          }, 2000);
        } else {
          document.querySelector('#result').textContent = '不正解...😢';
        }
      }
    </script>
  </body>
</html>
```