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

No:36683

ランダムな問題が現れるので、テキストボックスに答えを入力し、送信ボタンを押すと正解か不正解か表示し、..ALL
Developer User16795｜Date and time 24/1/18 8:58:16
Build time 10.461 sec｜Game capacity 2.657KB｜

Script

了解しました。以下が要件に合致するプログラムの例です。

クイズゲーム

正解数: 0

このプログラムは、4つの数学の問題がランダムに出題され、テキストボックスに答えを入力し、送信ボタンを押すと正解か不正解かが表示されます。また、右上に正解した回数が表示されます。全ての問題に回答するとゲーム終了となります。

←

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>
  <div id="question"></div>
  <input type="text" id="answer">
  <button id="submit">送信</button>
  <div id="result"></div>
  <div id="score">正解数: 0</div>

// HTML要素の取得
    const questionElement = document.getElementById('question');
    const answerElement = document.getElementById('answer');
    const submitButton = document.getElementById('submit');
    const resultElement = document.getElementById('result');
    const scoreElement = document.getElementById('score');

let currentQuestionIndex = 0;
    let score = 0;

// 問題を表示する関数
    function showQuestion() {
      const currentQuestion = questions[currentQuestionIndex];
      questionElement.textContent = currentQuestion.question;
      answerElement.value = '';
      resultElement.textContent = '';
    }

// 問題の正誤を判定する関数
    function checkAnswer() {
      const currentQuestion = questions[currentQuestionIndex];
      const userAnswer = answerElement.value;
      if (userAnswer === currentQuestion.answer) {
        resultElement.textContent = '正解！';
        score++;
      } else {
        resultElement.textContent = '不正解...';
      }
      currentQuestionIndex++;
      scoreElement.textContent = `正解数: ${score}`;
      if (currentQuestionIndex < questions.length) {
        showQuestion();
      } else {
        // 全ての問題が終了した場合の処理
        questionElement.textContent = 'クイズが終了しました！';
        answerElement.disabled = true;
        submitButton.disabled = true;
      }
    }

// 送信ボタンのクリックイベント
    submitButton.addEventListener('click', checkAnswer);

// ゲーム開始時の処理
    showQuestion();
  </script>
</body>
</html>
```