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

No:7076

1392

←

Prev Next

→

A geography game
Developer User3967｜Date and time 23/7/5 8:53:41
Build time 13.783 sec｜Game capacity 4.337KB｜

Script

Jogo de Geografia

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Geografia</title>
    <style>
        body { padding: 20px; text-align: center; }
        #question { font-size: 18px; margin-bottom: 10px; }
        #options { display: flex; justify-content: space-around; }
        #feedback { margin-top: 10px; }
        #restart-btn { margin-top: 20px; }
        .option { padding: 10px 20px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; }
        .correct { background-color: green; color: white; }
        .wrong { background-color: red; color: white; }
    </style>
</head>
<body>
    <h1>Jogo de Geografia</h1>
    <div id="question"></div>
    <div id="options">
        <button class="option"></button>
        <button class="option"></button>
        <button class="option"></button>
        <button class="option"></button>
    </div>
    <div id="feedback"></div>
    <button id="restart-btn" style="display: none;">Recomeçar</button>

// Variáveis de estado
        let currentQuestion = 0;
        let score = 0;

// Elementos de DOM
        const questionElement = document.getElementById('question');
        const optionsElements = Array.from(document.getElementsByClassName('option'));
        const feedbackElement = document.getElementById('feedback');
        const restartButton = document.getElementById('restart-btn');

// Inicia o jogo
        function startGame() {
            currentQuestion = 0;
            score = 0;
            restartButton.style.display = 'none';
            loadQuestion();
        }

// Carrega a próxima pergunta
        function loadQuestion() {
            const currentPista = pistas[currentQuestion];
            questionElement.innerText = currentPista.question;
            
            optionsElements.forEach((option, index) => {
                option.innerText = currentPista.options[index];
                option.classList.remove('correct', 'wrong');
                option.addEventListener('click', checkAnswer);
            });
        }

// Verifica a resposta do jogador
        function checkAnswer(event) {
            const selectedOption = event.target;
            const currentPista = pistas[currentQuestion];

optionsElements.forEach(option => {
                option.removeEventListener('click', checkAnswer);
            });

if (selectedOption.innerText === currentPista.options[currentPista.answer]) {
                selectedOption.classList.add('correct');
                feedbackElement.innerText = 'Resposta correta!';
                score += 1;
            } else {
                selectedOption.classList.add('wrong');
                feedbackElement.innerText = 'Resposta errada!';
            }

currentQuestion += 1;

if (currentQuestion < pistas.length) {
                setTimeout(loadQuestion, 1000);
            } else {
                showFinalScore();
            }
        }

// Mostra a pontuação final e exibe botão de recomeçar
        function showFinalScore() {
            questionElement.innerText = 'Fim do jogo!';
            feedbackElement.innerText = `Você fez ${score} pontos de um total de ${pistas.length}.`;
            restartButton.style.display = 'block';
        }

// Inicia o jogo ao carregar a página
        startGame();

// Event listener para recomeçar o jogo
        restartButton.addEventListener('click', startGame);
    </script>
</body>
</html>