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

No:22627

←

Prev Next

→

暗算ゲーム
Developer User10286｜Date and time 23/10/23 18:55:56
Build time 51.784 sec｜Game capacity 2.739KB｜

Script

了解です。暗算ゲームを実装します。以下がプログラムのコードです。

暗算ゲーム

問題が表示されます

このプログラムでは、ランダムな数値と算術演算子を使って暗算の問題を生成し、ユーザーが答えを入力すると正誤を判定して表示します。プログラムの冒頭では、ランダムな数値を生成する `getRandomNumber` 関数と、問題を生成する `generateQuestion` 関数、答えを計算する `calculateAnswer` 関数を定義しています。また、ユーザーが答えるためのテキストボックスとボタン、正誤を表示するための要素もHTMLに配置しています。上記のコードを1枚のhtmlファイルに保存し、任意のウェブブラウザで開くと暗算ゲームが遊べます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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 {
        text-align: center;
        font-size: 24px;
      }
    </style>
  </head>
  <body>
    <h1>暗算ゲーム</h1>
    <p id="question">問題が表示されます</p>
    <input type="number" id="answer" placeholder="答えを入力">
    <button onclick="checkAnswer()">答える</button>
    <p id="result"></p>

function generateQuestion() {
        var num1 = getRandomNumber(1, 10);
        var num2 = getRandomNumber(1, 10);
        var operator = ["＋", "−", "×", "÷"][getRandomNumber(0, 3)];

var question = num1 + " " + operator + " " + num2;
        document.getElementById("question").textContent = question;

var answer = calculateAnswer(num1, num2, operator);
        return answer;
      }

function calculateAnswer(num1, num2, operator) {
        switch (operator) {
          case "＋":
            return num1 + num2;
          case "−":
            return num1 - num2;
          case "×":
            return num1 * num2;
          case "÷":
            return num1 / num2;
        }
      }

function checkAnswer() {
        var userAnswer = parseInt(document.getElementById("answer").value);
        var correctAnswer = generateQuestion();
        var result = document.getElementById("result");

if (userAnswer === correctAnswer) {
          result.textContent = "正解！🎉";
        } else {
          result.textContent = "不正解！😢 正解は " + correctAnswer + " でした";
        }

document.getElementById("answer").value = "";
      }

document.addEventListener("DOMContentLoaded", function() {
        generateQuestion();
      });
    </script>
  </body>
</html>
```

上記のコードを1枚のhtmlファイルに保存し、任意のウェブブラウザで開くと暗算ゲームが遊べます。