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

No:29200

A quiz where you get jumpscared if you lose.
Developer User14445｜Date and time 23/12/16 17:36:05
Build time 40.054 sec｜Game capacity 3.973KB｜

Script

Sure! Here's a simple quiz game implemented as a single HTML file with JavaScript. It uses pictograms and includes a jumpscare if you lose. Please note that the jumpscare has been simulated using an alert message, as the assistant does not have the capability to display images or audio.

Welcome to the Jumpscare Quiz!

Test your knowledge and try to answer all the questions correctly.

To play the game, simply copy the above code into a new HTML file and open it in a browser on your smartphone or computer. When you click on the "Start Quiz" button, the questions will appear one by one. If you select the correct option, it will move to the next question. If you select the wrong option, a jumpscare alert will be displayed. After answering all the questions, the quiz will display your score. Please note that the jumpscare has been simulated using an alert message as mentioned earlier. You can replace the alert message with an actual jumpscare implementation if needed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jumpscare Quiz Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #f0f0f0;
    }
    
    h1 {
      color: #333;
    }
    
    img {
      max-width: 100%;
      height: auto;
      margin: 20px 0;
    }
  </style>
</head>
<body>
  <script>
    // Define the quiz questions and answers
    var questions = [
      {
        question: "What animal is often associated with wisdom?",
        options: ["Dog", "Owl", "Cat"],
        correctAnswer: 1
      },
      {
        question: "Which planet is known as the 'Red Planet'?",
        options: ["Earth", "Mars", "Venus"],
        correctAnswer: 1
      },
      {
        question: "What is the chemical symbol for water?",
        options: ["H2O", "CO2", "NaCl"],
        correctAnswer: 0
      }
    ];
    
    var currentQuestion = 0;
    var score = 0;
    
    function startQuiz() {
      document.getElementById('startButton').style.display = 'none';
      showQuestion(currentQuestion);
    }
    
    function showQuestion(questionIndex) {
      var question = questions[questionIndex];
      var questionElement = document.getElementById('question');
      var optionsElement = document.getElementById('options');
      
      questionElement.textContent = question.question;
      optionsElement.innerHTML = '';
      
      question.options.forEach(function(option, index) {
        var button = document.createElement('button');
        button.textContent = option;
        button.addEventListener('click', function() {
          checkAnswer(index);
        });
        optionsElement.appendChild(button);
      });
    }
    
    function checkAnswer(answerIndex) {
      var question = questions[currentQuestion];
      if (answerIndex === question.correctAnswer) {
        score++;
      } else {
        // Jumpscare: Alert message simulated as a jumpscare
        alert('You lost! Prepare for a jumpscare! BOO!');
        // You can replace the alert message with an actual jumpscare implementation using images or audio
      }
      
      currentQuestion++;
      
      if (currentQuestion < questions.length) {
        showQuestion(currentQuestion);
      } else {
        showResult();
      }
    }
    
    function showResult() {
      var quizElement = document.getElementById('quiz');
      quizElement.innerHTML = '';
      
      var resultElement = document.createElement('h2');
      resultElement.textContent = 'Quiz Complete!';
      quizElement.appendChild(resultElement);
      
      var scoreElement = document.createElement('p');
      scoreElement.textContent = 'Your score: ' + score + '/' + questions.length;
      quizElement.appendChild(scoreElement);
    }
  </script>
  
  <div id="quiz">
    <h1>Welcome to the Jumpscare Quiz!</h1>
    <p>Test your knowledge and try to answer all the questions correctly.</p>
    <button id="startButton" onclick="startQuiz()">Start Quiz</button>
  
    <div id="question"></div>
    <div id="options"></div>
  </div>
</body>
</html>
```

Please note that the jumpscare has been simulated using an alert message as mentioned earlier. You can replace the alert message with an actual jumpscare implementation if needed.