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

No:27679

Un juego de preguntas y respuestas
Developer User13749｜Date and time 23/12/8 5:34:19
Build time 18.962 sec｜Game capacity 2.523KB｜

Script

Mi Juego de Preguntas y Respuestas

¡Demuestra tus conocimientos!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

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

#question {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0;
}

#options {
  list-style: none;
  padding: 0;
}

#options li {
  margin: 10px 0;
}

#submit-btn {
  padding: 10px 20px;
  background-color: #4CAF50;
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

#result {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  display: none;
}

</style>
</head>
<body>
<div>
  <h1>Mi Juego de Preguntas y Respuestas</h1>
  <p>¡Demuestra tus conocimientos!</p>
</div>

<div id="question-container">
  <p id="question"></p>
  <ul id="options"></ul>
  <button id="submit-btn">Enviar</button>
</div>

var currentQuestion = 0;
var score = 0;

var questionEl = document.getElementById("question");
var optionsEl = document.getElementById("options");
var submitBtn = document.getElementById("submit-btn");
var resultEl = document.getElementById("result");

function loadQuestion() {
  var q = questions[currentQuestion];
  questionEl.textContent = q.question;
  optionsEl.innerHTML = "";

for (var i = 0; i < q.options.length; i++) {
    var option = document.createElement("li");
    option.textContent = q.options[i];
    option.dataset.index = i;
    option.addEventListener("click", selectOption);
    optionsEl.appendChild(option);
  }
}

function selectOption(e) {
  var selectedOption = e.target;
  var selectedAnswer = parseInt(selectedOption.dataset.index);

if (selectedAnswer === questions[currentQuestion].answer) {
    score++;
  }

currentQuestion++;

if (currentQuestion < questions.length) {
    loadQuestion();
  } else {
    showResult();
  }
}

function showResult() {
  questionEl.style.display = "none";
  optionsEl.style.display = "none";
  submitBtn.style.display = "none";
  resultEl.textContent = "¡Has obtenido " + score + " aciertos de " + questions.length + " preguntas!";
  resultEl.style.display = "block";
}

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