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

No:45377

I would like a trivia game
Developer User19591｜Date and time 24/2/20 14:02:51
Build time 7.525 sec｜Game capacity 1.827KB｜

Script

Trivia Game

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Trivia Game</title>
</head>
<body>
  <h1>Trivia Game</h1>
  
  <div id="question"></div>
  <button id="option1" onclick="checkAnswer(1)"></button>
  <button id="option2" onclick="checkAnswer(2)"></button>
  <button id="option3" onclick="checkAnswer(3)"></button>
  
  <script>
    const questions = [
      {
        question: "What is the capital of France?",
        options: ["London", "Paris", "Berlin"],
        correctAnswer: 2
      },
      {
        question: "Which planet is known as the Red Planet?",
        options: ["Venus", "Mars", "Jupiter"],
        correctAnswer: 1
      },
      {
        question: "What is the largest mammal in the world?",
        options: ["Elephant", "Blue Whale", "Giraffe"],
        correctAnswer: 2
      }
    ];
    
    let currentQuestionIndex = 0;
    
    function displayQuestion() {
      const currentQuestion = questions[currentQuestionIndex];
      
      document.getElementById("question").textContent = currentQuestion.question;
      document.getElementById("option1").textContent = currentQuestion.options[0];
      document.getElementById("option2").textContent = currentQuestion.options[1];
      document.getElementById("option3").textContent = currentQuestion.options[2];
    }
    
    function checkAnswer(selectedOption) {
      const currentQuestion = questions[currentQuestionIndex];
      
      if (selectedOption === currentQuestion.correctAnswer) {
        alert("Correct answer!");
      } else {
        alert("Incorrect answer!");
      }
      
      currentQuestionIndex++;
      
      if (currentQuestionIndex < questions.length) {
        displayQuestion();
      } else {
        alert("Game Over! You have completed all questions.");
      }
    }
    
    displayQuestion();
  </script>
</body>
</html>