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

No:30981

←

Prev Next

→

テスト計算問題5問出題
Developer User14987｜Date and time 23/12/24 18:58:47
Build time 13.85 sec｜Game capacity 2.299KB｜

Script

了解しました。以下にテスト計算問題のゲームを実装したサンプルコードを示します。

テスト計算問題

問題が表示されます

このサンプルでは、5問の計算問題を表示し、入力された答えと正解を比較して結果を表示します。問題が表示され、「答え合わせ」ボタンをクリックすることで正誤判定が行われ、結果が表示されます。また、すべての問題を解き終わると最初の問題から再開します。

←

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>
</head>
<body>
  <h1>テスト計算問題</h1>
  <p id="question">問題が表示されます</p>
  <input type="text" id="answer" placeholder="答えを入力してください">
  <button onclick="checkAnswer()">答え合わせ</button>
  <p id="result"></p>

let currentQuestionIndex = 0;

// 問題を表示する
    function showQuestion() {
      const questionElement = document.getElementById('question');
      const currentQuestion = questions[currentQuestionIndex];
      questionElement.textContent = currentQuestion.question;
    }

// 答え合わせをする
    function checkAnswer() {
      const answerInput = document.getElementById('answer');
      const resultElement = document.getElementById('result');
      const currentQuestion = questions[currentQuestionIndex];
      const answer = answerInput.value;

if (answer === currentQuestion.answer) {
        resultElement.textContent = '正解！🎉';
      } else {
        resultElement.textContent = '不正解！😢';
      }

// 次の問題へ
      currentQuestionIndex++;
      if (currentQuestionIndex >= questions.length) {
        currentQuestionIndex = 0;
      }

// 次の問題を表示する
      showQuestion();
    }

// 初期化
    function init() {
      showQuestion();
    }

// ページロード時に初期化を実行
    window.onload = init;
  </script>
</body>
</html>
```