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

No:41364

Crea un juego de preguntas y respuestas pero si fa..ALL
Developer User18516｜Date and time 24/2/7 3:32:25
Build time 12.061 sec｜Game capacity 2.945KB｜

Script

Juego de Preguntas y Respuestas

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Preguntas y Respuestas</title>
  <style>
    body {
      background-color: #000000;
      color: #ffffff;
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Juego de Preguntas y Respuestas</h1>
  <div id="question-container"></div>
  <div id="answer-buttons"></div>

let currentQuestionIndex = 0;
    let score = 0;

const questionContainer = document.getElementById('question-container');
    const answerButtons = document.getElementById('answer-buttons');

function startGame() {
      currentQuestionIndex = 0;
      score = 0;
      setNextQuestion();
    }

function setNextQuestion() {
      clearAnswerButtons();
      showQuestion(questions[currentQuestionIndex]);
    }

function showQuestion(question) {
      questionContainer.innerText = question.question;
      question.answers.forEach(answer => {
        const button = document.createElement('button');
        button.innerText = answer.text;
        button.classList.add('answer-button');
        button.addEventListener('click', () => selectAnswer(answer.correct));
        answerButtons.appendChild(button);
      });
    }

function selectAnswer(correct) {
      if (correct) {
        score++;
      } else {
        jumpscare();
      }

if (currentQuestionIndex < questions.length - 1) {
        currentQuestionIndex++;
        setNextQuestion();
      } else {
        endGame();
      }
    }

function jumpscare() {
      const body = document.querySelector('body');
      body.innerHTML = '<img src="jumpscare.gif" alt="Jumpscare" />';
    }

function endGame() {
      questionContainer.innerText = '¡Juego terminado!';
      answerButtons.innerHTML = 'Puntuación: ' + score + ' / ' + questions.length;
    }

function clearAnswerButtons() {
      while (answerButtons.firstChild) {
        answerButtons.removeChild(answerButtons.firstChild);
      }
    }

// Iniciar el juego
    startGame();
  </script>
</body>
</html>