A quiz with Pokemon and Mario themed questions's game

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

No:36166

←

Prev Next

→

A quiz with Pokemon and Mario themed questions
Developer User16762｜Date and time 24/1/17 2:42:12
Build time 22.223 sec｜Game capacity 5.153KB｜

Script

Sure! Here's an example of a quiz game using Pokémon and Mario-themed questions implemented as a single HTML file with JavaScript:

Pokémon and Mario Quiz

This is a basic example and you can add more questions to the `questions` array using the same structure. The quiz will display one question at a time, and the user can select an option. After answering, the correct answer will be displayed and the user can move to the next question using the "Next" button. At the end, the user's score will be displayed.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a quiz game using Pokémon and Mario-themed questions implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pokémon and Mario Quiz</title>

var questions = [
            {
                question: "What is the name of the electric-type Pokémon mascot of the Pokémon franchise?",
                options: ["Pikachu", "Charizard", "Squirtle", "Eevee"],
                answer: "Pikachu"
            },
            {
                question: "In the Mario series, what is the name of Mario's brother?",
                options: ["Wario", "Yoshi", "Bowser", "Luigi"],
                answer: "Luigi"
            }
            // Add more questions here
        ];

function showQuestion() {
            var question = questions[currentQuestionIndex];
            questionElement.innerText = question.question;

optionsContainer.innerHTML = "";
            for (var i = 0; i < question.options.length; i++) {
                var option = document.createElement("div");
                option.className = "option";
                option.innerText = question.options[i];
                option.addEventListener('click', checkAnswer);
                optionsContainer.appendChild(option);
            }
        }

function checkAnswer(event) {
            var selectedOption = event.target;
            var question = questions[currentQuestionIndex];

if (selectedOption.innerText === question.answer) {
                score++;
                selectedOption.style.backgroundColor = "green";
                resultElement.innerText = "Correct!";
                resultElement.className = "correct";
            } else {
                selectedOption.style.backgroundColor = "red";
                resultElement.innerText = "Incorrect!";
                resultElement.className = "incorrect";
            }

for (var i = 0; i < optionsContainer.children.length; i++) {
                optionsContainer.children[i].removeEventListener('click', checkAnswer);
                optionsContainer.children[i].style.cursor = "not-allowed";
            }

nextButton.style.display = "block";
        }

function showQuizResult() {
            quizContainer.innerHTML = "";
            var finalScoreElement = document.createElement("h3");
            finalScoreElement.innerText = "Your Score: " + score + " / " + questions.length;
            quizContainer.appendChild(finalScoreElement);
        }

showQuestion();

nextButton.addEventListener('click', showNextQuestion);
    </script>
</body>
</html>
```