{"id":4044,"date":"2026-03-01T06:45:14","date_gmt":"2026-03-01T09:45:14","guid":{"rendered":"https:\/\/siminova.com.br\/blog\/?p=4044"},"modified":"2026-03-13T09:54:37","modified_gmt":"2026-03-13T12:54:37","slug":"quiz-conhecimentos-gerais","status":"publish","type":"post","link":"https:\/\/siminova.com.br\/blog\/2026\/03\/quiz-conhecimentos-gerais\/","title":{"rendered":"Quiz: Conhecimentos Gerais"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\">Perguntas para testar seu conhecimento. Voc\u00ea aceita o desafio?<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Quiz Interativo<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);\n            min-height: 100vh;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 20px;\n            margin: 0 auto;\n        }\n\n        .quiz-container {\n            background: white;\n            border-radius: 15px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n            max-width: 600px;\n            width: 100%;\n            padding: 40px;\n            margin: 0 auto;\n        }\n\n        h1 {\n            color: #333;\n            text-align: center;\n            margin-bottom: 30px;\n            font-size: 28px;\n        }\n\n        .question-container {\n            margin-bottom: 30px;\n        }\n\n        .question {\n            font-size: 20px;\n            color: #444;\n            margin-bottom: 20px;\n            font-weight: 600;\n            text-align: center;\n        }\n\n        .options {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            align-items: center;\n        }\n\n        .option {\n            background: #f7f7f7;\n            border: 2px solid #e0e0e0;\n            border-radius: 10px;\n            padding: 15px 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: 16px;\n            width: 100%;\n            max-width: 450px;\n            text-align: center;\n        }\n\n        .option:hover {\n            background: #e8e8e8;\n            border-color: #10b981;\n            transform: scale(1.02);\n        }\n\n        .option.selected {\n            background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);\n            color: white;\n            border-color: #10b981;\n        }\n\n        .option.correct {\n            background: #10b981;\n            color: white;\n            border-color: #059669;\n        }\n\n        .option.incorrect {\n            background: #ef4444;\n            color: white;\n            border-color: #dc2626;\n        }\n\n        .option.disabled {\n            cursor: not-allowed;\n            opacity: 0.7;\n        }\n\n        .feedback {\n            text-align: center;\n            margin-top: 20px;\n            padding: 15px;\n            border-radius: 10px;\n            font-weight: 600;\n            font-size: 18px;\n        }\n\n        .feedback.correct {\n            background: #d1fae5;\n            color: #065f46;\n        }\n\n        .feedback.incorrect {\n            background: #fee2e2;\n            color: #991b1b;\n        }\n\n        .button-container {\n            display: flex;\n            justify-content: center;\n            margin-top: 30px;\n        }\n\n        button {\n            background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);\n            color: white;\n            border: none;\n            padding: 15px 40px;\n            border-radius: 25px;\n            font-size: 18px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 5px 20px rgba(16, 185, 129, 0.4);\n        }\n\n        button:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .result-container {\n            display: none;\n            text-align: center;\n        }\n\n        .result-container.show {\n            display: block;\n        }\n\n        .score {\n            font-size: 48px;\n            color: #10b981;\n            font-weight: bold;\n            margin: 20px 0;\n        }\n\n        .result-message {\n            font-size: 20px;\n            color: #666;\n            margin: 20px 0;\n        }\n\n        .restart-btn {\n            margin-top: 20px;\n        }\n\n        .progress-bar {\n            width: 100%;\n            height: 8px;\n            background: #e0e0e0;\n            border-radius: 10px;\n            margin-bottom: 30px;\n            overflow: hidden;\n        }\n\n        .progress-fill {\n            height: 100%;\n            background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);\n            transition: width 0.3s ease;\n        }\n\n        .question-counter {\n            text-align: center;\n            color: #666;\n            margin-bottom: 20px;\n            font-size: 14px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"quiz-container\">        \n        <div id=\"quiz\">\n            <div class=\"progress-bar\">\n                <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n            <\/div>\n            <div class=\"question-counter\" id=\"questionCounter\"><\/div>\n            <div class=\"question-container\" id=\"questionContainer\"><\/div>\n            <div class=\"button-container\">\n                <button id=\"nextBtn\" onclick=\"nextQuestion()\" disabled>Pr\u00f3xima<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"result-container\" id=\"result\">\n            <h2>Quiz Finalizado!<\/h2>\n            <div class=\"score\" id=\"score\"><\/div>\n            <div class=\"result-message\" id=\"resultMessage\"><\/div>\n            <button class=\"restart-btn\" onclick=\"restartQuiz()\">Recome\u00e7ar Quiz<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n        const quizData = [\n            {\n                question: \"Qual dessas cidades nunca foi capital do Brasil?\",\n                options: [\"S\u00e3o Paulo\", \"Rio de Janeiro\", \"Bras\u00edlia\", \"Salvador\"],\n                correct: 0\n            },\n            {\n                question: \"Qual \u00e9 o planeta mais pr\u00f3ximo do Sol?\",\n                options: [\"V\u00eanus\", \"Marte\", \"Merc\u00fario\", \"Terra\"],\n                correct: 2\n            },\n            {\n                question: \"Qual \u00e9 o maior planeta do sistema solar?\",\n                options: [\"Terra\", \"Marte\", \"Saturno\", \"J\u00fapiter\"],\n                correct: 3\n            },\n            {\n                question: \"Em que ano o Brasil foi descoberto?\",\n                options: [\"1492\", \"1500\", \"1822\", \"1889\"],\n                correct: 1\n            },\n            {\n                question: \"Qual \u00e9 o oceano mais extenso?\",\n                options: [\"Atl\u00e2ntico\", \"\u00cdndico\", \"Pac\u00edfico\", \"\u00c1rtico\"],\n                correct: 2\n            },\n            {\n                question: \"Qual \u00e9 o menor pa\u00eds do mundo?\",\n                options: [\"M\u00f4naco\", \"Vaticano\", \"San Marino\", \"Liechtenstein\"],\n                correct: 1\n            },\n            {\n                question: \"Quantos estados tem o Brasil, incluindo o Distrito Federal?\",\n                options: [\"24\", \"25\", \"26\", \"27\"],\n                correct: 3\n            },\n            {\n                question: \"Qual animal \u00e9 o s\u00edmbolo da WWF (Fundo Mundial para a Natureza)?\",\n                options: [\"Tigre\", \"Elefante\", \"Panda\", \"Gorila\"],\n                correct: 2\n            },\n            {\n                question: \"Qual \u00e9 o rio mais extenso do mundo?\",\n                options: [\"Rio Nilo\", \"Rio Amazonas\", \"Rio Yangtz\u00e9\", \"Rio Mississipi\"],\n                correct: 1\n            }\n        ];\n\n        let currentQuestion = 0;\n        let score = 0;\n        let selectedOption = null;\n        let shuffledQuizData = [];\n\n        function shuffleArray(array) {\n            const newArray = [...array];\n            for (let i = newArray.length - 1; i > 0; i--) {\n                const j = Math.floor(Math.random() * (i + 1));\n                [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\n            }\n            return newArray;\n        }\n\n        function initQuiz() {\n            shuffledQuizData = shuffleArray(quizData);\n            loadQuestion();\n        }\n\n        function loadQuestion() {\n            const question = shuffledQuizData[currentQuestion];\n            const container = document.getElementById('questionContainer');\n            \n            document.getElementById('questionCounter').textContent = \n                `Pergunta ${currentQuestion + 1} de ${shuffledQuizData.length}`;\n            \n            const progressPercent = ((currentQuestion + 1) \/ shuffledQuizData.length) * 100;\n            document.getElementById('progressBar').style.width = progressPercent + '%';\n            \n            container.innerHTML = `\n                <div class=\"question\">${question.question}<\/div>\n                <div class=\"options\">\n                    ${question.options.map((option, index) => `\n                        <div class=\"option\" onclick=\"selectOption(${index})\">${option}<\/div>\n                    `).join('')}\n                <\/div>\n            `;\n            \n            selectedOption = null;\n            document.getElementById('nextBtn').disabled = true;\n        }\n\n        function selectOption(index) {\n            if (selectedOption !== null) return; \/\/ Evita m\u00faltiplas sele\u00e7\u00f5es\n            \n            selectedOption = index;\n            const question = shuffledQuizData[currentQuestion];\n            const options = document.querySelectorAll('.option');\n            \n            \/\/ Desabilita todas as op\u00e7\u00f5es\n            options.forEach(opt => opt.classList.add('disabled'));\n            \n            \/\/ Marca a op\u00e7\u00e3o selecionada\n            if (index === question.correct) {\n                options[index].classList.add('correct');\n                showFeedback(true);\n            } else {\n                options[index].classList.add('incorrect');\n                options[question.correct].classList.add('correct');\n                showFeedback(false, question.options[question.correct]);\n            }\n            \n            document.getElementById('nextBtn').disabled = false;\n        }\n\n        function showFeedback(isCorrect, correctAnswer = '') {\n            const container = document.getElementById('questionContainer');\n            const feedbackDiv = document.createElement('div');\n            feedbackDiv.className = `feedback ${isCorrect ? 'correct' : 'incorrect'}`;\n            \n            if (isCorrect) {\n                feedbackDiv.textContent = '\u2705 Parab\u00e9ns! Resposta correta!';\n            } else {\n                feedbackDiv.textContent = `\u274c Ops! A resposta correta \u00e9: ${correctAnswer}`;\n            }\n            \n            container.appendChild(feedbackDiv);\n        }\n\n        function nextQuestion() {\n            if (selectedOption === shuffledQuizData[currentQuestion].correct) {\n                score++;\n            }\n            \n            currentQuestion++;\n            \n            if (currentQuestion < shuffledQuizData.length) {\n                selectedOption = null; \/\/ Reset para pr\u00f3xima pergunta\n                loadQuestion();\n            } else {\n                showResult();\n            }\n        }\n\n        function showResult() {\n            document.getElementById('quiz').style.display = 'none';\n            document.getElementById('result').classList.add('show');\n            \n            const percentage = (score \/ shuffledQuizData.length) * 100;\n            document.getElementById('score').textContent = `${score} \/ ${shuffledQuizData.length}`;\n            \n            let message = '';\n            if (percentage === 100) {\n                message = '\ud83c\udf89 Perfeito! Voc\u00ea acertou todas!';\n            } else if (percentage >= 70) {\n                message = '\ud83d\udc4f Muito bem! Excelente resultado!';\n            } else if (percentage >= 50) {\n                message = '\ud83d\udc4d Bom trabalho! Continue praticando!';\n            } else {\n                message = '\ud83d\udcaa N\u00e3o desista! Tente novamente!';\n            }\n            \n            document.getElementById('resultMessage').textContent = message;\n        }\n\n        function restartQuiz() {\n            currentQuestion = 0;\n            score = 0;\n            selectedOption = null;\n            shuffledQuizData = shuffleArray(quizData);\n            document.getElementById('quiz').style.display = 'block';\n            document.getElementById('result').classList.remove('show');\n            loadQuestion();\n        }\n\n        initQuiz();\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>\u2713 Atividade alinhada \u00e0 Base Nacional Comum Curricular (BNCC), BNCC da Computa\u00e7\u00e3o e aos Objetivos de Desenvolvimento Sustent\u00e1vel (ODS) da ONU. <a style=\"background-color: #e6c15a; color: #2f2f2f; padding: 4px 10px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block;\" href=\"https:\/\/siminova.com.br\/blog\/amigos\/alinhamento\/quiz-conhecimentos-gerais\/\"> \u203a Saiba mais <\/a><\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Vis\u00e3o Geral do Alinhamento<\/summary>\n<p class=\"has-small-font-size wp-block-paragraph\">EF04GE05, EF04HI02, EF05GE09, EF07HI06, EF07CI08, EF09CI14, EF09GE14, EF01CO02, EF01CO03, EF01CO06, EF02CO05, EF03CO01, EF15CO01, EF15CO03, ODS 4, ODS 13, ODS 14, ODS 15 e ODS 16.<\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Cinco perguntas para testar seu conhecimento. Voc\u00ea aceita o desafio?<\/p>\n","protected":false},"author":8,"featured_media":4484,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[75],"tags":[79],"class_list":["post-4044","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-quizzes","tag-notts"],"_links":{"self":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4044"}],"version-history":[{"count":24,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4044\/revisions"}],"predecessor-version":[{"id":5173,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4044\/revisions\/5173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media\/4484"}],"wp:attachment":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4044"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4044"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}