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

No:23782

125

←

Prev Next

→

Trivia Game
Developer Jyle｜Date and time 23/11/3 14:29:47
Build time 88.737 sec｜Game capacity 6.988KB｜

Script

Trivia Game

Score: 0

←

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>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game {
      width: 300px;
      margin: 0 auto;
    }
    h1 {
      background-color: #3498db;
      color: #fff;
      padding: 10px;
      border-radius: 5px;
    }
    ul {
      list-style: none;
      padding: 0;
    }
    li {
      cursor: pointer;
      padding: 5px;
      margin: 5px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    #next {
      background-color: #3498db;
      color: #fff;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    #score {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="game">
    <h1>Trivia Game</h1>
    <p id="question"></p>
    <ul id="options"></ul>
    <button id="next">Next</button>
    <p id="score">Score: 0</p>
  </div>
  <script>
    const questions = [
      {
        question: "What is the capital of France?",
        options: ["London", "Berlin", "Paris", "Madrid"],
        answer: "Paris",
      },
      {
        question: "Which planet is known as the Red Planet?",
        options: ["Mars", "Venus", "Jupiter", "Saturn"],
        answer: "Mars",
      },
      {
        question: "What is the largest mammal in the world?",
        options: ["Elephant", "Giraffe", "Blue Whale", "Lion"],
        answer: "Blue Whale",
      },
      {
        question: "Which gas do plants absorb from the atmosphere?",
        options: ["Oxygen", "Carbon Dioxide", "Nitrogen", "Hydrogen"],
        answer: "Carbon Dioxide",
      },
      {
        question: "What is the chemical symbol for gold?",
        options: ["Au", "Ag", "Fe", "Hg"],
        answer: "Au",
      },
      {
  question: "if you were in a cave how will you get out",
  options: ["Use Broken old wood Ladder", "Use Jetpack", " Ask for help"],
  answer: "Use Jetpack",
},
   {
  question: "What makes non-overheat protection Robots Explode",
  options: ["Overcharging", "Bomb", "Sword"],
  answer: "Overcharging",
},
{
  question: "What makes a Magnet",
  options: ["Iron, Nickel, and Cobalt", "Gold", "Paper", "Phones"],
  answer: "Iron, Nickel, and Cobalt",
},

{
    question: "What is the largest planet in our solar system?",
    options: ["Earth", "Mars", "Jupiter", "Venus"],
    answer: "Jupiter"
  },
 
{
  question: "10+5×6÷2+5%=?",
  options: ["25.75", "78.6", "556.98", "9/0.9"],
  answer: "25.75",
},
{
  question: "Why does COVID-19 exist",
  options: ["COVID-19 exists because it's a zoonotic virus. It likely originated in bats and was transmitted to humans through another animal species, possibly in a seafood market in Wuhan, China.", "It was intentionally created in a lab", "It's a result of alien interference", "It's a result of alien interference"],
  answer: "COVID-19 exists because it's a zoonotic virus. It likely originated in bats and was transmitted to humans through another animal species, possibly in a seafood market in Wuhan, China.",
},
{
  question: "which is the longest Word",
  options: ["COVID-19 exists because it's a zoonotic virus. It likely originated in bats and was transmitted to humans through another animal species, possibly in a seafood market in Wuhan, China.", "Let's play which mom will you be adopted to (game: there is a lot of moms that you can choosing from and some of them have different behaviors example some of them are bad or good or crazy or I will give you anything behavior or rich or more. Each mom will give what you have to do if you don't you get Kicked from the mom's Family)", "Make a game called Coin Collector. Add Coins that appears At a Random Position. But if you don't Collect it in time you lose and it will be sent in the leader board. Add a Leader board! You will have 60 Seconds To Collect the coin. You will get time as you collect.",],
  answer: "Let's play which mom will you be adopted to (game: there is a lot of moms that you can choosing from and some of them have different behaviors example some of them are bad or good or crazy or I will give you anything behavior or rich or more. Each mom will give what you have to do if you don't you get Kicked from the mom's Family)",
},
{
  question: "Who is Elon Musk",
  options: ["Elon Musk's work at Tesla, Inc. revolutionized electric vehicles with models like the Tesla Model S, popular for its technology, range, and performance, and contributed to the widespread adoption of electric cars.", "Elon Musk is a time-traveling wizard who uses magic to power his electric cars and rocket ships.", "Elon Musk is actually a secret agent from the planet Mars sent to Earth to prepare for the Martian takeover.", "Elon Musk is a cyborg from the future, sent back in time to ensure that electric cars and space travel become our primary modes of transportation"],
  answer: "Elon Musk's work at Tesla, Inc. revolutionized electric vehicles with models like the Tesla Model S, popular for its technology, range, and performance, and contributed to the widespread adoption of electric cars.",
},

];

let currentQuestionIndex = 0;
    let score = 0;

const questionElement = document.getElementById("question");
    const optionsElement = document.getElementById("options");
    const nextButton = document.getElementById("next");
    const scoreElement = document.getElementById("score");

function startGame() {
      currentQuestionIndex = 0;
      score = 0;
      nextButton.style.display = "none";
      showQuestion(questions[currentQuestionIndex]);
    }

function showQuestion(question) {
      questionElement.innerText = question.question;
      optionsElement.innerHTML = "";

question.options.forEach((option) => {
        const li = document.createElement("li");
        li.innerText = option;
        li.addEventListener("click", () => checkAnswer(option, question.answer));
        optionsElement.appendChild(li);
      });
    }

function checkAnswer(selectedAnswer, correctAnswer) {
      if (selectedAnswer === correctAnswer) {
        score++;
        scoreElement.innerText = `Score: ${score}`;
        currentQuestionIndex++;

if (currentQuestionIndex === questions.length) {
          alert("Congratulations! You answered all questions correctly.");
          startGame();
        } else {
          showQuestion(questions[currentQuestionIndex]);
        }
      } else {
        alert("Wrong answer! Your progress has been reset.");
        startGame();
      }
    }

nextButton.addEventListener("click", () => {
      if (currentQuestionIndex === 0) {
        startGame();
      } else {
        alert("You must answer the current question before moving to the next one.");
      }
    });

startGame();
  </script>
</body>
</html>