AI game creator

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

No:41704

←

Prev Next

→

TPOT QUIZ PART 4
Developer User18699｜Date and time 24/2/9 12:26:36
Build time 7.867 sec｜Game capacity 2.319KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>TPOT Quiz Part 4</title>
</head>
<body>
    <script>
        // Pictograms representing quiz questions and answers
        const questions = [
            { question: "🍎 + 🍌 = ?", options: ["🍇", "🍊", "🍍", "🍉"], answer: "🍇" },
            { question: "🐶 + 🐱 = ?", options: ["🐭", "🐰", "🐮", "🐷"], answer: "🐭" },
            { question: "⌚ + 📱 = ?", options: ["🔍", "🖱️", "💡", "📞"], answer: "🔍" },
            { question: "🌞 + ☁️ = ?", options: ["🌧️", "❄️", "🌈", "🌙"], answer: "🌧️" },
        ];

// Function to display a quiz question with options
        function displayQuestion(question) {
            const questionElement = document.createElement("h2");
            questionElement.innerHTML = question.question;
            document.body.appendChild(questionElement);

for (let i = 0; i < question.options.length; i++) {
                const optionButton = document.createElement("button");
                optionButton.innerText = question.options[i];
                optionButton.onclick = function() {
                    checkAnswer(question, this.innerText);
                };
                document.body.appendChild(optionButton);
            }
        }

// Function to check the user's answer
        function checkAnswer(question, selectedOption) {
            if (selectedOption === question.answer) {
                alert("Correct answer!");
            } else {
                alert("Wrong answer!");
            }

// Move to the next question
            nextQuestion();
        }
        
        // Function to move to the next question
        function nextQuestion() {
            // Clear previous question and options
            document.body.innerHTML = "";

const randomIndex = Math.floor(Math.random() * questions.length);
            const nextQuestion = questions.splice(randomIndex, 1)[0];

if (nextQuestion) {
                displayQuestion(nextQuestion);
            } else {
                alert("Congratulations! You have completed the quiz!");
            }
        }

// Start the quiz by displaying the first question
        nextQuestion();
    </script>
</body>
</html>