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

No:27043

Quiz ou se errar vai comer ovo cru
Developer User13367｜Date and time 23/12/3 23:59:42
Build time 46.518 sec｜Game capacity 3.254KB｜

Script

Quiz - Vai Comer Ovo Cru?

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Quiz - Vai Comer Ovo Cru?</title>
</head>
<body>
    <h1>Quiz - Vai Comer Ovo Cru?</h1>

<div id="question"></div>
    <div id="options"></div>
    <button onclick="submitAnswer()">Responder</button>
    
    <script>
        // Definindo as perguntas e respostas do quiz
        const questions = [
            {
                question: "Qual é a capital do Brasil?",
                options: ["Belo Horizonte", "Brasília", "São Paulo", "Rio de Janeiro"],
                answer: 1 // Brasília
            },
            {
                question: "Quantos continentes existem?",
                options: ["3", "5", "7", "9"],
                answer: 2 // 7
            },
            {
                question: "Qual é o animal mais rápido do mundo?",
                options: ["Leopardo", "Tartaruga", "Guepardo", "Águia"],
                answer: 2 // Guepardo
            }
        ];

let currentQuestion = 0;
        let score = 0;

function displayQuestion() {
            document.getElementById("question").innerText = questions[currentQuestion].question;
            
            const optionsContainer = document.getElementById("options");
            optionsContainer.innerHTML = "";

for (let i = 0; i < questions[currentQuestion].options.length; i++) {
                const option = document.createElement("div");
                option.innerHTML = questions[currentQuestion].options[i];
                option.className = "option";
                option.setAttribute("onclick", `selectOption(${i})`);
                optionsContainer.appendChild(option);
            }
        }

function selectOption(optionIndex) {
            const selectedOption = document.getElementsByClassName("option")[optionIndex];
            selectedOption.style.backgroundColor = "gray";

const options = document.getElementsByClassName("option");
            for (let i = 0; i < options.length; i++) {
                options[i].removeAttribute("onclick");
            }
        }

function submitAnswer() {
            const options = document.getElementsByClassName("option");
            for (let i = 0; i < options.length; i++) {
                options[i].style.backgroundColor = "white";
            }
            
            const userAnswer = document.getElementsByClassName("option")[questions[currentQuestion].answer];

if (userAnswer.style.backgroundColor === "gray") {
                score++;
            }

currentQuestion++;

if (currentQuestion === questions.length) {
                endGame();
            } else {
                displayQuestion();
            }
        }

function endGame() {
            document.getElementById("question").innerText = "Fim do Jogo!";
            document.getElementById("options").innerHTML = "";
            document.getElementById("options").style.display = "none";

const result = document.createElement("h2");
            result.innerText = `Você acertou ${score} perguntas de um total de ${questions.length}.`;
            document.body.appendChild(result);
        }

displayQuestion();
    </script>
</body>
</html>