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

No:23950

Trivia game that has questions from the 90's with ..ALL
Developer User11212｜Date and time 23/11/4 17:17:30
Build time 78.832 sec｜Game capacity 4.152KB｜

Script

Sure! Here's an example of a trivia game written in a single HTML file that uses JavaScript. The game is meant to be played by two players and features questions from the 90s. Pictograms are not used in this implementation, but the questions are displayed in a simple text format. Note that this is a simplified version of a trivia game and can be expanded upon as per your requirements.

90s Trivia Game

Player 1: 0

Player 2: 0

Question:

To start the game, simply copy and paste the code into a blank HTML file and open it in a web browser. The players can take turns answering the questions by clicking on the corresponding buttons, and the scores will be updated based on the correct answers. The game ends when all the questions have been answered, and the winner is displayed at the end.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>90s Trivia Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    h1, h2, p {
      text-align: center;
    }
    
    #question {
      font-size: 20px;
      margin-top: 50px;
    }
    
    #options {
      margin-top: 20px;
    }
    
    button {
      margin: 10px;
      padding: 10px 20px;
      font-size: 18px;
    }
    
    #result {
      margin-top: 30px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>90s Trivia Game</h1>
  <p>Player 1: <span id="score1">0</span></p>
  <p>Player 2: <span id="score2">0</span></p>
  <h2>Question:</h2>
  <p id="question"></p>
  <div id="options">
    <button onclick="checkAnswer(0)">Option 1</button>
    <button onclick="checkAnswer(1)">Option 2</button>
    <button onclick="checkAnswer(2)">Option 3</button>
    <button onclick="checkAnswer(3)">Option 4</button>
  </div>
  <p id="result"></p>

let currentPlayer = 1;
    let currentQuestion = 0;
    let score1 = 0;
    let score2 = 0;

function showQuestion() {
      const questionElement = document.getElementById("question");
      questionElement.textContent = questions[currentQuestion].question;

const optionsElement = document.getElementById("options");
      const options = questions[currentQuestion].options;

for (let i = 0; i < optionsElement.childNodes.length; i++) {
        const button = optionsElement.childNodes[i];
        button.textContent = options[i];
      }
    }

function checkAnswer(option) {
      const resultElement = document.getElementById("result");

if (option === questions[currentQuestion].correctAnswer) {
        resultElement.textContent = "Correct!";
        currentPlayer === 1 ? score1++ : score2++;
      } else {
        resultElement.textContent = "Wrong!";
      }

setTimeout(nextQuestion, 1000);
    }

function nextQuestion() {
      currentQuestion++;

if (currentQuestion >= questions.length) {
        finishGame();
      } else {
        currentPlayer = currentPlayer === 1 ? 2 : 1;
        document.getElementById("result").textContent = "";
        document.getElementById("score1").textContent = score1;
        document.getElementById("score2").textContent = score2;
        showQuestion();
      }
    }

function finishGame() {
      document.getElementById("question").textContent = "Game Over!";
      document.getElementById("options").innerHTML = "";

const winner = score1 > score2 ? "Player 1" : score1 < score2 ? "Player 2" : "It's a tie";
      document.getElementById("result").textContent = `The winner is: ${winner}!`;
    }

showQuestion();
  </script>
</body>
</html>
```