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

No:38049

←

Prev Next

→

Pakistan information
Developer User17206｜Date and time 24/1/22 8:06:19
Build time 8.672 sec｜Game capacity 2.683KB｜

Script

Sure! I have created a simple game that tests your knowledge about Pakistan using JavaScript. The game will display pictograms representing different landmarks or cultural elements related to Pakistan, and you will have to guess the correct answer. Here's the code:

Welcome to the Pakistan Quiz!

Guess the correct answer for each pictogram:

To play the game, you need to save the code above into a single HTML file, let's say `pakistan_quiz.html`. Then, open the HTML file in a web browser that supports JavaScript. The game will be displayed, and you can start guessing the answers based on the pictograms shown. Once you submit an answer, the game will inform you if it's correct or not and move on to the next pictogram. Feel free to add more pictograms and their corresponding answers to the `pictograms` array to expand the game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pakistan Quiz</title>
</head>
<body>
  <h1>Welcome to the Pakistan Quiz!</h1>
  <p>Guess the correct answer for each pictogram:</p>

<div id="game-container">
    <img id="pictogram" src="">
    <input id="answer-input" type="text" placeholder="Your answer">
    <button id="submit-button" onclick="checkAnswer()">Submit</button>
  </div>

let currentIndex = 0;

// Function to start the game and display the first pictogram
    function startGame() {
      displayPictogram();
    }

// Function to display the current pictogram
    function displayPictogram() {
      const pictogramImg = document.getElementById("pictogram");
      const currentPictogram = pictograms[currentIndex];
      pictogramImg.src = currentPictogram.url;
    }

// Function to check the user's answer
    function checkAnswer() {
      const answerInput = document.getElementById("answer-input");
      const userAnswer = answerInput.value;
      const currentPictogram = pictograms[currentIndex];

if (currentPictogram.answer.toLowerCase() === userAnswer.toLowerCase()) {
        alert("Correct answer! 🎉");
      } else {
        alert("Wrong answer! 😕 The correct answer is: " + currentPictogram.answer);
      }

// Move to the next pictogram or end the game
      currentIndex++;
      answerInput.value = "";

if (currentIndex < pictograms.length) {
        displayPictogram();
      } else {
        alert("Game Over! You have completed the quiz.");
      }
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

Feel free to add more pictograms and their corresponding answers to the `pictograms` array to expand the game.