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

No:41623

←

Prev Next

→

Bfdi Quiz
Developer User18645｜Date and time 24/2/8 19:13:41
Build time 11.34 sec｜Game capacity 3.612KB｜

Script

BFDI Quiz

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>BFDI Quiz</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }

h1 {
        margin-bottom: 30px;
      }

#question {
        font-size: 24px;
        margin-bottom: 20px;
      }

#choices {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }

.choice {
        margin: 10px;
        padding: 20px;
        border: 1px solid #ccc;
        cursor: pointer;
        font-size: 20px;
      }

#result {
        font-size: 24px;
        margin-top: 30px;
      }

#score {
        font-size: 24px;
        margin-top: 10px;
      }
    </style>
  </head>
  <body>
    <h1>BFDI Quiz</h1>
    <div id="question"></div>
    <div id="choices"></div>
    <div id="result"></div>
    <div id="score"></div>

var score = 0;
      var currentQuestion = 0;
      var quizContainer = document.getElementById("choices");
      var questionContainer = document.getElementById("question");
      var resultContainer = document.getElementById("result");
      var scoreContainer = document.getElementById("score");

// Function to initialize the quiz
      function startQuiz() {
        showQuestion();
      }

// Function to display current question and choices
      function showQuestion() {
        var question = questions[currentQuestion];
        questionContainer.innerHTML = question.question;
        quizContainer.innerHTML = "";

for (var i = 0; i < question.choices.length; i++) {
          var choice = document.createElement("div");
          choice.classList.add("choice");
          choice.innerHTML = question.choices[i];
          choice.setAttribute("data-index", i);
          choice.onclick = checkAnswer;
          quizContainer.appendChild(choice);
        }
      }

// Function to check the selected answer
      function checkAnswer() {
        var selectedOption = parseInt(this.getAttribute("data-index"));
        var question = questions[currentQuestion];
        var correctAnswer = question.correctAnswer;

if (selectedOption === correctAnswer) {
          resultContainer.innerHTML = "Correct!";
          score++;
        } else {
          resultContainer.innerHTML = "Wrong!";
        }

currentQuestion++;

if (currentQuestion < questions.length) {
          setTimeout(showQuestion, 1000);
        } else {
          showScore();
        }
      }

// Function to display the final score
      function showScore() {
        questionContainer.innerHTML = "";
        quizContainer.innerHTML = "";
        resultContainer.innerHTML = "";
        scoreContainer.innerHTML = "You scored " + score + " out of " + questions.length;
      }

// Start the quiz
      startQuiz();
    </script>
  </body>
</html>