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

No:26412

100 world quiz quations application
Developer User13091｜Date and time 23/11/30 9:19:27
Build time 83.942 sec｜Game capacity 4.118KB｜

Script

Here's an example of a simple 100 world quiz application implemented as a single HTML file using JavaScript and pictograms:

100 World Quiz Questions

Question 1 of 100

This is the question text?

In this example, we have an array of quiz questions (`questions`) with properties such as question text, image, options, and the correct answer index. The `startQuiz` function initiates the quiz by calling `displayQuestion` function. The current question is displayed with the corresponding options and image (if available). When the user selects an option, the `checkAnswer` function is called to validate the selected option and update the score. If there are remaining questions, the next question is displayed using `displayQuestion` function. Once all questions are answered, the `finishQuiz` function is called to display the final score. Note: Replace the placeholder question images (`emozi_bear.png`, `emozi_chicken.png`, `emozi_rabbit.png`) with your own image URLs.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Here's an example of a simple 100 world quiz application implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>100 World Quiz Questions</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        h1 {
            margin-top: 50px;
        }
        img {
            width: 100px;
            height: 100px;
        }
        button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 18px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>100 World Quiz Questions</h1>
    <img id="questionImage" src="placeholder.png" alt="Question Image">
    <p id="questionNumber">Question 1 of 100</p>
    <p id="questionText">This is the question text?</p>
    <button id="option1" onclick="checkAnswer(this)">Option 1</button>
    <button id="option2" onclick="checkAnswer(this)">Option 2</button>
    <button id="option3" onclick="checkAnswer(this)">Option 3</button>
    <button id="option4" onclick="checkAnswer(this)">Option 4</button>

var currentQuestion = 0;
        var score = 0;

function startQuiz() {
            displayQuestion();
        }

function displayQuestion() {
            var question = questions[currentQuestion];
            document.getElementById("questionImage").src = question.image;
            document.getElementById("questionNumber").innerHTML = "Question " + (currentQuestion + 1) + " of " + questions.length;
            document.getElementById("questionText").innerHTML = question.question;
            document.getElementById("option1").innerHTML = question.options[0];
            document.getElementById("option2").innerHTML = question.options[1];
            document.getElementById("option3").innerHTML = question.options[2];
            document.getElementById("option4").innerHTML = question.options[3];
        }

function finishQuiz() {
            // Display final score or perform any other actions after completing all questions
            alert("Quiz finished! Your score is: " + score);
        }

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

Note: Replace the placeholder question images (`placeholder.png`, `question1.png`, `question2.png`) with your own image URLs.