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

No:24518

←

Prev Next

→

Questin Game
Developer User11630｜Date and time 23/11/9 14:34:24
Build time 82.063 sec｜Game capacity 3.348KB｜

Script

Sure! Here's an example of a simple question game implemented as a single HTML file using JavaScript. The game will present a series of questions and the player needs to select the correct answer to score points.

Welcome to the Question Game!

Score: 0

Note: You will need to replace the `img` tag sources (`emozi_dog.png`, `emozi_himawari.png`, etc.) with your actual pictogram images. Make sure to have the images available in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Question Game</title>
</head>
<body>
    <h1>Welcome to the Question Game!</h1>
    <p id="question"></p>
    <div id="options">
        <button onclick="checkAnswer(0)"><img src="pictogram1.png"></button>
        <button onclick="checkAnswer(1)"><img src="pictogram2.png"></button>
        <button onclick="checkAnswer(2)"><img src="pictogram3.png"></button>
        <button onclick="checkAnswer(3)"><img src="pictogram4.png"></button>
    </div>
    <p id="score">Score: 0</p>

let currentQuestion = 0;
        let score = 0;

// Function to load and display the current question
        function loadQuestion() {
            const questionElement = document.getElementById("question");
            const optionsElement = document.getElementById("options");
            const scoreElement = document.getElementById("score");

if (currentQuestion >= questions.length) {
                // Game is finished
                questionElement.innerText = "Game Over!";
                optionsElement.innerHTML = "";
                scoreElement.innerText = "Final Score: " + score;
            } else {
                const current = questions[currentQuestion];
                questionElement.innerText = current.question;
                optionsElement.innerHTML = "";

for (let i = 0; i < current.options.length; i++) {
                    const option = current.options[i];
                    const button = document.createElement("button");
                    button.innerHTML = '<img src="pictogram' + (i + 1) + '.png">';
                    button.setAttribute("onclick", "checkAnswer(" + i + ")");
                    optionsElement.appendChild(button);
                }

scoreElement.innerText = "Score: " + score;
            }
        }

// Function to check the selected answer
        function checkAnswer(selectedOption) {
            const current = questions[currentQuestion];

if (selectedOption === current.answer) {
                score += 10;
                alert("Correct answer!");
            } else {
                alert("Wrong answer!")
            }

currentQuestion++;
            loadQuestion();
        }

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

Note: You will need to replace the `img` tag sources (`pictogram1.png`, `pictogram2.png`, etc.) with your actual pictogram images. Make sure to have the images available in the same directory as the HTML file.