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

No:7582

1332

←

Prev Next

→

Four Button Trap
Developer o2pi4｜Date and time 23/7/8 23:06:05
Build time 15.703 sec｜Game capacity 2.886KB｜

Script

以下のような四択クイズのゲームを実装します。

四つボタンの罠

このプログラムは、3つの四択クイズを実装しています。問題と答えはJavaScriptの変数`questions`に格納されており、`showQuestion()`関数を使って問題を表示し、選択肢のボタンをクリックしたら`checkAnswer()`関数で回答をチェックします。最後に`displayResult()`関数で結果を表示します。このゲームでは、問題全体の数を答えた後で正解数が表示されます。

←

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>

// 現在の問題番号
  var currentQuestion = 0;
  // 正解数
  var score = 0;

// 問題を表示する関数
  function showQuestion() {
    var questionNumber = document.getElementById('question-number');
    questionNumber.textContent = 'Question ' + (currentQuestion + 1);

var questionText = document.getElementById('question-text');
    questionText.textContent = questions[currentQuestion].question;

var choicesContainer = document.getElementById('choices');
    choicesContainer.innerHTML = '';

var choices = questions[currentQuestion].choices;
    for (var i = 0; i < choices.length; i++) {
      var choiceButton = document.createElement('button');
      choiceButton.textContent = choices[i];
      choiceButton.setAttribute('onclick', 'checkAnswer(this)');
      choicesContainer.appendChild(choiceButton);
    }
  }

// 回答をチェックする関数
  function checkAnswer(button) {
    var selectedAnswer = button.textContent;
    var correctAnswer = questions[currentQuestion].answer;

if (selectedAnswer === correctAnswer) {
      score++;
    }

if (currentQuestion < questions.length - 1) {
      currentQuestion++;
      showQuestion();
    } else {
      displayResult();
    }
  }

// 結果を表示する関数
  function displayResult() {
    var resultText = document.getElementById('result-text');
    resultText.textContent = 'あなたの正解数は ' + score + ' / ' + questions.length + 'です！';
  }

// ゲームを開始する
  showQuestion();
</script>

<h1>四つボタンの罠</h1>

</body>
</html>
```

このゲームでは、問題全体の数を答えた後で正解数が表示されます。