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

No:47877

←

Prev Next

→

Queen Quiz
Developer User20657｜Date and time 24/3/1 1:39:41
Build time 12.936 sec｜Game capacity 1.925KB｜

Script

Queen Quiz

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

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

button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
</style>
</head>
<body>
<h1>Queen Quiz</h1>

let currentQuestion = 0;
let score = 0;

function displayQuestion() {
  document.getElementById("question").innerText = questions[currentQuestion].question;

const options = questions[currentQuestion].options;
  let buttons = document.querySelectorAll("button");
  for (let i = 0; i < options.length; i++) {
    buttons[i].innerText = options[i];
  }

if (currentQuestion === questions.length) {
    document.getElementById("question").innerText = `Quiz Finished! Your score is: ${score}/${questions.length}`;
    buttons.forEach(button => button.style.display = "none");
  }
}

function checkAnswer(selectedOption) {
  if (selectedOption === questions[currentQuestion].answer) {
    score++;
  }

currentQuestion++;
  displayQuestion();
}

displayQuestion();
</script>

</body>
</html>