{"id":7860,"date":"2025-05-30T20:00:00","date_gmt":"2025-05-30T23:00:00","guid":{"rendered":"https:\/\/milagreshoje.com.br\/?p=7860"},"modified":"2025-05-30T18:12:46","modified_gmt":"2025-05-30T21:12:46","slug":"bible-quiz-test-your-knowledge","status":"publish","type":"post","link":"https:\/\/milagreshoje.com.br\/en\/bible-quiz-test-your-knowledge\/","title":{"rendered":"Bible Quiz: Test Your Knowledge"},"content":{"rendered":"\n\n\n\n \n \n Bible Quiz<\/title>\n <style>\n \/* General styles and reset *\/\n #bible-quiz-container *, \n #bible-quiz-container *::before, \n #bible-quiz-container *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n \/* Color variables *\/\n #bible-quiz-container {\n --primary-color: #3b5998;\n --primary-hover: #2d4373;\n --secondary-color: #8b9dc3;\n --highlight-color: #f7b731;\n --text-color: #333;\n --bg-color: #f5f7fa;\n --error-color: #e74c3c;\n --success-color: #2ecc71;\n --selected-bg: rgba(59, 89, 152, 0.2);\n --hover-bg: rgba(59, 89, 152, 0.1);\n --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n --shadow-hover: 0 6px 12px rgba(0, 0, 0, 0.15);\n --border-radius: 8px;\n --transition: all 0.3s ease;\n \n \/* WordPress container fix - Force container to stay within content area *\/\n width: 100% !important;\n max-width: 100% !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n box-sizing: border-box !important;\n padding: 0 !important;\n overflow: hidden !important;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: var(--text-color);\n line-height: 1.6;\n display: flex;\n justify-content: center;\n }\n \n \/* Main container *\/\n .quiz-container {\n background-color: #fff;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n padding: 30px;\n margin: 20px auto;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 700px; \/* Maximum width for centering *\/\n }\n \n \/* Header *\/\n .quiz-header {\n text-align: center;\n margin-bottom: 30px;\n position: relative;\n }\n \n .quiz-header h1 {\n color: var(--primary-color);\n font-size: 2.2rem;\n margin-bottom: 10px;\n font-weight: 700;\n }\n \n .quiz-header p {\n color: var(--secondary-color);\n font-size: 1.1rem;\n }\n \n \/* Quiz sections *\/\n .quiz-section {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n \n .quiz-section.active {\n display: block;\n }\n \n \/* Start screen *\/\n .difficulty-container {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-top: 20px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .btn-difficulty {\n background-color: #fff;\n border: 2px solid var(--primary-color);\n color: var(--primary-color);\n padding: 15px 20px;\n font-size: 1.1rem;\n border-radius: var(--border-radius);\n cursor: pointer;\n transition: var(--transition);\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: space-between;\n text-align: left;\n box-shadow: var(--shadow);\n }\n \n .btn-difficulty:hover {\n background-color: var(--primary-color);\n color: #fff;\n transform: translateY(-2px);\n box-shadow: var(--shadow-hover);\n }\n \n .btn-difficulty span.level {\n font-size: 1.2rem;\n }\n \n .btn-difficulty span.description {\n font-size: 0.9rem;\n opacity: 0.8;\n }\n \n \/* Questions screen *\/\n .question-container {\n margin-bottom: 25px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .question-number {\n font-size: 0.9rem;\n color: var(--secondary-color);\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .question-text {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 20px;\n color: var(--primary-color);\n }\n \n .options-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 40px; \/* Increased spacing between options and buttons *\/\n }\n \n .option {\n background-color: #fff;\n border: 2px solid var(--secondary-color);\n border-radius: var(--border-radius);\n padding: 15px;\n cursor: pointer;\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n text-align: left;\n box-shadow: var(--shadow);\n }\n \n .option:hover {\n border-color: var(--primary-color);\n transform: translateY(-2px);\n background-color: var(--hover-bg);\n box-shadow: var(--shadow-hover);\n }\n \n .option.selected {\n border-color: var(--primary-color);\n background-color: var(--selected-bg);\n font-weight: 600;\n box-shadow: var(--shadow-hover);\n transform: translateY(-2px);\n }\n \n .option.selected::before {\n content: \"\u2713\";\n position: absolute;\n right: 15px;\n color: var(--primary-color);\n font-weight: bold;\n }\n \n .option.correct {\n border-color: var(--success-color);\n background-color: rgba(46, 204, 113, 0.1);\n }\n \n .option.incorrect {\n border-color: var(--error-color);\n background-color: rgba(231, 76, 60, 0.1);\n }\n \n .btn-container {\n display: flex;\n justify-content: space-between;\n margin-top: 25px; \/* Increased spacing above buttons *\/\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n padding-top: 15px; \/* Added top padding for more space *\/\n border-top: 1px solid #eee; \/* Optional separator line *\/\n }\n \n .btn {\n background-color: var(--primary-color);\n color: #fff;\n border: none;\n padding: 12px 25px;\n border-radius: var(--border-radius);\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n transition: var(--transition);\n min-width: 120px;\n text-align: center;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n }\n \n .btn:hover {\n background-color: var(--primary-hover);\n transform: translateY(-2px);\n box-shadow: var(--shadow-hover);\n }\n \n .btn:disabled {\n background-color: var(--secondary-color);\n cursor: not-allowed;\n transform: none;\n opacity: 0.7;\n box-shadow: none;\n }\n \n .btn-secondary {\n background-color: transparent;\n color: var(--primary-color);\n border: 2px solid var(--primary-color);\n }\n \n .btn-secondary:hover {\n background-color: rgba(59, 89, 152, 0.1);\n }\n \n \/* Ripple effect for Next button *\/\n .btn#btn-next {\n position: relative;\n overflow: hidden;\n }\n \n .btn#btn-next:not(:disabled)::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 5px;\n height: 5px;\n background: rgba(255, 255, 255, 0.5);\n opacity: 0;\n border-radius: 100%;\n transform: scale(1, 1) translate(-50%);\n transform-origin: 50% 50%;\n }\n \n .btn#btn-next:not(:disabled):focus:not(:active)::after {\n animation: ripple 1s ease-out;\n }\n \n @keyframes ripple {\n 0% {\n transform: scale(0, 0);\n opacity: 0.5;\n }\n 20% {\n transform: scale(25, 25);\n opacity: 0.3;\n }\n 100% {\n opacity: 0;\n transform: scale(40, 40);\n }\n }\n \n \/* Results screen *\/\n .results-container {\n text-align: center;\n padding: 20px 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .results-title {\n font-size: 1.8rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n }\n \n .results-score {\n font-size: 3rem;\n font-weight: 700;\n color: var(--highlight-color);\n margin: 20px 0;\n }\n \n .results-percentage {\n font-size: 1.5rem;\n margin-bottom: 20px;\n color: var(--secondary-color);\n }\n \n .results-message {\n font-size: 1.2rem;\n margin-bottom: 30px;\n padding: 15px;\n border-radius: var(--border-radius);\n background-color: rgba(59, 89, 152, 0.1);\n }\n \n .results-buttons {\n display: flex;\n justify-content: center;\n gap: 15px;\n flex-wrap: wrap;\n }\n \n .results-buttons .btn {\n min-width: 180px;\n }\n \n \/* Progress bar *\/\n .progress-container {\n width: 100%;\n height: 8px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 20px 0;\n overflow: hidden;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .progress-bar {\n height: 100%;\n background-color: var(--primary-color);\n width: 0;\n transition: width 0.3s ease;\n }\n \n \/* Animations *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n \/* Decorative elements *\/\n .decoration {\n position: absolute;\n opacity: 0.1;\n z-index: 0;\n }\n \n .decoration-1 {\n top: -30px;\n right: -30px;\n font-size: 8rem;\n transform: rotate(30deg);\n }\n \n .decoration-2 {\n bottom: -30px;\n left: -30px;\n font-size: 6rem;\n transform: rotate(-15deg);\n }\n \n \/* Responsiveness *\/\n @media (max-width: 768px) {\n #bible-quiz-container {\n padding: 15px 0 !important;\n }\n \n .quiz-container {\n padding: 20px;\n margin: 10px;\n }\n \n .quiz-header h1 {\n font-size: 1.8rem;\n }\n \n .question-text {\n font-size: 1.2rem;\n }\n \n .btn-container {\n flex-direction: column;\n gap: 10px;\n margin-top: 35px; \/* Increased for mobile too *\/\n padding-top: 20px; \/* Increased for mobile too *\/\n }\n \n .btn {\n width: 100%;\n min-width: unset;\n }\n \n .results-buttons {\n flex-direction: column;\n }\n \n .results-buttons .btn {\n width: 100%;\n min-width: unset;\n }\n }\n \n @media (max-width: 480px) {\n .quiz-header h1 {\n font-size: 1.5rem;\n }\n \n .btn-difficulty {\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n }\n \n .options-container {\n margin-bottom: 30px; \/* Adjusted for smaller screens *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"bible-quiz-container\">\n <div class=\"quiz-container\" id=\"bible-quiz\">\n <!-- Decorative elements -->\n <div class=\"decoration decoration-1\">\u271d<\/div>\n <div class=\"decoration decoration-2\">\ud83d\udcd6<\/div>\n \n <!-- Header -->\n <div class=\"quiz-header\">\n <h1>Bible Quiz<\/h1>\n <p>Test your knowledge of the Holy Bible<\/p>\n <\/div>\n \n <!-- Start screen (difficulty selection) -->\n <div class=\"quiz-section active\" id=\"start-screen\">\n <h2>Choose difficulty level:<\/h2>\n <div class=\"difficulty-container\">\n <button class=\"btn-difficulty\" data-difficulty=\"easy\">\n <div>\n <span class=\"level\">Easy<\/span><br>\n <span class=\"description\">Basic questions about the Bible<\/span>\n <\/div>\n <span>\ud83d\udfe2<\/span>\n <\/button>\n <button class=\"btn-difficulty\" data-difficulty=\"medium\">\n <div>\n <span class=\"level\">Medium<\/span><br>\n <span class=\"description\">For those who know the Bible well<\/span>\n <\/div>\n <span>\ud83d\udfe1<\/span>\n <\/button>\n <button class=\"btn-difficulty\" data-difficulty=\"hard\">\n <div>\n <span class=\"level\">Hard<\/span><br>\n <span class=\"description\">Challenges for advanced scholars<\/span>\n <\/div>\n <span>\ud83d\udd34<\/span>\n <\/button>\n <\/div>\n <\/div>\n \n <!-- Questions screen -->\n <div class=\"quiz-section\" id=\"questions-screen\">\n <div class=\"question-number\" id=\"question-number\">Question 1\/15<\/div>\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n <\/div>\n <div class=\"question-container\">\n <div class=\"question-text\" id=\"question-text\">Question text will appear here<\/div>\n <div class=\"options-container\" id=\"options-container\">\n <!-- Options will be dynamically inserted by JavaScript -->\n <\/div>\n <\/div>\n <div class=\"btn-container\">\n <button class=\"btn btn-secondary\" id=\"btn-back\">Back<\/button>\n <button class=\"btn\" id=\"btn-next\" disabled>Next<\/button>\n <\/div>\n <\/div>\n \n <!-- Results screen -->\n <div class=\"quiz-section\" id=\"results-screen\">\n <div class=\"results-container\">\n <h2 class=\"results-title\">Quiz Results<\/h2>\n <div class=\"results-score\" id=\"results-score\">0\/15<\/div>\n <div class=\"results-percentage\" id=\"results-percentage\">0%<\/div>\n <div class=\"results-message\" id=\"results-message\">Performance-based message<\/div>\n <div class=\"results-buttons\">\n <button class=\"btn\" id=\"btn-retry\">Try Again<\/button>\n <button class=\"btn btn-secondary\" id=\"btn-home\">Choose Another Difficulty<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Script with questions -->\n <script>\n \/\/ Bible Quiz Questions\n \/\/ Structure: each question has text, 4 options, and the index of the correct answer (0-3)\n\n const quizQuestions = {\n easy: [\n {\n question: \"Who built the ark, according to the Bible?\",\n options: [\"Moses\", \"Noah\", \"Abraham\", \"David\"],\n answer: 1\n },\n {\n question: \"What was the first book of the Bible?\",\n options: [\"Exodus\", \"Genesis\", \"Matthew\", \"Psalms\"],\n answer: 1\n },\n {\n question: \"Who was thrown into the lions' den?\",\n options: [\"Daniel\", \"Jonah\", \"Paul\", \"Peter\"],\n answer: 0\n },\n {\n question: \"How many commandments did God give to Moses?\",\n options: [\"7\", \"12\", \"10\", \"15\"],\n answer: 2\n },\n {\n question: \"Who betrayed Jesus for 30 pieces of silver?\",\n options: [\"Peter\", \"John\", \"Judas\", \"Thomas\"],\n answer: 2\n },\n {\n question: \"Which animal spoke to Balaam?\",\n options: [\"Camel\", \"Donkey\", \"Lamb\", \"Dove\"],\n answer: 1\n },\n {\n question: \"Who killed the giant Goliath?\",\n options: [\"Saul\", \"David\", \"Samuel\", \"Solomon\"],\n answer: 1\n },\n {\n question: \"What was the name of the garden where Adam and Eve lived?\",\n options: [\"Eden\", \"Gethsemane\", \"Babylon\", \"Canaan\"],\n answer: 0\n },\n {\n question: \"Who was swallowed by a great fish?\",\n options: [\"Elijah\", \"Jonah\", \"Peter\", \"Paul\"],\n answer: 1\n },\n {\n question: \"What was the name of Abraham and Sarah's son?\",\n options: [\"Ishmael\", \"Esau\", \"Jacob\", \"Isaac\"],\n answer: 3\n },\n {\n question: \"Who led the Israelites out of slavery in Egypt?\",\n options: [\"Joshua\", \"Moses\", \"Abraham\", \"David\"],\n answer: 1\n },\n {\n question: \"What was the name of the first man created by God?\",\n options: [\"Noah\", \"Adam\", \"Abraham\", \"Joseph\"],\n answer: 1\n },\n {\n question: \"What was the name of the first woman created by God?\",\n options: [\"Mary\", \"Sarah\", \"Eve\", \"Rachel\"],\n answer: 2\n },\n {\n question: \"Who denied Jesus three times?\",\n options: [\"John\", \"Judas\", \"Peter\", \"Thomas\"],\n answer: 2\n },\n {\n question: \"What is the last book of the Bible?\",\n options: [\"Revelation\", \"Psalms\", \"John\", \"Acts\"],\n answer: 0\n }\n ],\n medium: [\n {\n question: \"How many years did Noah live, according to the Bible?\",\n options: [\"950 years\", \"777 years\", \"912 years\", \"930 years\"],\n answer: 0\n },\n {\n question: \"Which prophet was taken to heaven in a whirlwind?\",\n options: [\"Elisha\", \"Elijah\", \"Isaiah\", \"Jeremiah\"],\n answer: 1\n },\n {\n question: \"What was the name of the mountain where Moses received the Ten Commandments?\",\n options: [\"Mount Sinai\", \"Mount Horeb\", \"Mount Carmel\", \"Mount Moriah\"],\n answer: 0\n },\n {\n question: \"Who was the first king of Israel?\",\n options: [\"David\", \"Saul\", \"Solomon\", \"Samuel\"],\n answer: 1\n },\n {\n question: \"What was the name of the river where Jesus was baptized?\",\n options: [\"Nile\", \"Euphrates\", \"Jordan\", \"Tigris\"],\n answer: 2\n },\n {\n question: \"How many books are in the New Testament?\",\n options: [\"39\", \"27\", \"66\", \"12\"],\n answer: 1\n },\n {\n question: \"Which disciple doubted Jesus's resurrection?\",\n options: [\"Peter\", \"John\", \"Thomas\", \"James\"],\n answer: 2\n },\n {\n question: \"Who was sold as a slave by his own brothers?\",\n options: [\"Moses\", \"Joseph\", \"David\", \"Benjamin\"],\n answer: 1\n },\n {\n question: \"What was the name of Abraham's wife?\",\n options: [\"Rachel\", \"Rebecca\", \"Sarah\", \"Leah\"],\n answer: 2\n },\n {\n question: \"How many days and nights did it rain during the flood?\",\n options: [\"30 days and 30 nights\", \"7 days and 7 nights\", \"40 days and 40 nights\", \"100 days and 100 nights\"],\n answer: 2\n },\n {\n question: \"What was the name of the place where Jesus was crucified?\",\n options: [\"Mount of Olives\", \"Gethsemane\", \"Golgotha\", \"Bethlehem\"],\n answer: 2\n },\n {\n question: \"Who wrote most of the Psalms?\",\n options: [\"Solomon\", \"Moses\", \"David\", \"Asaph\"],\n answer: 2\n },\n {\n question: \"What was Paul's profession before his conversion?\",\n options: [\"Fisherman\", \"Physician\", \"Pharisee\", \"Carpenter\"],\n answer: 2\n },\n {\n question: \"What was the name of the garden where Jesus prayed before his arrest?\",\n options: [\"Eden\", \"Gethsemane\", \"Garden of Olives\", \"Nazareth\"],\n answer: 1\n },\n {\n question: \"How many years did it take to build Solomon's Temple?\",\n options: [\"3 years\", \"7 years\", \"12 years\", \"40 years\"],\n answer: 1\n }\n ],\n hard: [\n {\n question: \"What was the name of Abraham's father?\",\n options: [\"Nahor\", \"Terah\", \"Haran\", \"Serug\"],\n answer: 1\n },\n {\n question: \"How old was Methuselah when he died?\",\n options: [\"969 years\", \"912 years\", \"950 years\", \"777 years\"],\n answer: 0\n },\n {\n question: \"What was the name of Ruth's mother-in-law?\",\n options: [\"Naomi\", \"Orpah\", \"Rahab\", \"Deborah\"],\n answer: 0\n },\n {\n question: \"Who succeeded Moses as the leader of Israel?\",\n options: [\"Caleb\", \"Joshua\", \"Aaron\", \"Eleazar\"],\n answer: 1\n },\n {\n question: \"Which king ordered Daniel to be thrown into the lions' den?\",\n options: [\"Nebuchadnezzar\", \"Darius\", \"Cyrus\", \"Belshazzar\"],\n answer: 1\n },\n {\n question: \"What was the name of the Roman centurion whose faith impressed Jesus?\",\n options: [\"Cornelius\", \"Claudius\", \"Pilate\", \"Not mentioned\"],\n answer: 3\n },\n {\n question: \"Who was the father of John the Baptist?\",\n options: [\"Joseph\", \"Zechariah\", \"Joachim\", \"Zebedee\"],\n answer: 1\n },\n {\n question: \"How many chapters are in the book of Revelation?\",\n options: [\"21\", \"22\", \"24\", \"28\"],\n answer: 1\n },\n {\n question: \"In which city did Paul have the vision of the Macedonian man?\",\n options: [\"Troas\", \"Philippi\", \"Ephesus\", \"Corinth\"],\n answer: 0\n },\n {\n question: \"Which king saw a hand writing on the wall?\",\n options: [\"Nebuchadnezzar\", \"Darius\", \"Belshazzar\", \"Cyrus\"],\n answer: 2\n },\n {\n question: \"What was the name of Abraham's servant who was sent to find a wife for Isaac?\",\n options: [\"Eliezer\", \"Ishmael\", \"Elijah\", \"Eleazar\"],\n answer: 0\n },\n {\n question: \"Which prophet walked naked and barefoot for three years?\",\n options: [\"Jeremiah\", \"Ezekiel\", \"Isaiah\", \"Hosea\"],\n answer: 2\n },\n {\n question: \"Who helped Jesus carry his cross?\",\n options: [\"Simon of Cyrene\", \"Joseph of Arimathea\", \"Nicodemus\", \"Barabbas\"],\n answer: 0\n },\n {\n question: \"On which island did John receive the revelation of the Apocalypse?\",\n options: [\"Crete\", \"Cyprus\", \"Patmos\", \"Malta\"],\n answer: 2\n },\n {\n question: \"Which high priest questioned Jesus?\",\n options: [\"Annas\", \"Caiaphas\", \"Gamaliel\", \"Both Annas and Caiaphas\"],\n answer: 3\n }\n ]\n };\n\n \/\/ Quiz logic\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ DOM elements\n const startScreen = document.getElementById('start-screen');\n const questionsScreen = document.getElementById('questions-screen');\n const resultsScreen = document.getElementById('results-screen');\n \n const btnsDifficulty = document.querySelectorAll('.btn-difficulty');\n const questionNumber = document.getElementById('question-number');\n const progressBar = document.getElementById('progress-bar');\n const questionText = document.getElementById('question-text');\n const optionsContainer = document.getElementById('options-container');\n const btnBack = document.getElementById('btn-back');\n const btnNext = document.getElementById('btn-next');\n \n const resultsScore = document.getElementById('results-score');\n const resultsPercentage = document.getElementById('results-percentage');\n const resultsMessage = document.getElementById('results-message');\n const btnRetry = document.getElementById('btn-retry');\n const btnHome = document.getElementById('btn-home');\n \n \/\/ State variables\n let currentDifficulty = '';\n let currentQuestions = [];\n let currentQuestion = 0;\n let selectedOption = null;\n let answers = [];\n \n \/\/ Initialization\n function startQuiz(difficulty) {\n currentDifficulty = difficulty;\n currentQuestions = [...quizQuestions[difficulty]];\n currentQuestion = 0;\n answers = Array(currentQuestions.length).fill(null);\n \n \/\/ Shuffle questions for each attempt\n shuffleArray(currentQuestions);\n \n \/\/ Show questions screen\n showScreen(questionsScreen);\n \n \/\/ Load first question\n loadQuestion();\n }\n \n \/\/ Function to shuffle array\n function shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n return array;\n }\n \n \/\/ Function to show a screen and hide others\n function showScreen(screen) {\n startScreen.classList.remove('active');\n questionsScreen.classList.remove('active');\n resultsScreen.classList.remove('active');\n \n screen.classList.add('active');\n }\n \n \/\/ Load current question\n function loadQuestion() {\n const question = currentQuestions[currentQuestion];\n \n \/\/ Update question number and progress bar\n questionNumber.textContent = `Question ${currentQuestion + 1}\/${currentQuestions.length}`;\n progressBar.style.width = `${((currentQuestion + 1) \/ currentQuestions.length) * 100}%`;\n \n \/\/ Update question text\n questionText.textContent = question.question;\n \n \/\/ Clear previous options\n optionsContainer.innerHTML = '';\n \n \/\/ Create options\n question.options.forEach((option, index) => {\n const optionEl = document.createElement('div');\n optionEl.className = 'option';\n optionEl.textContent = option;\n optionEl.dataset.index = index;\n \n \/\/ Check if this option was previously selected\n if (answers[currentQuestion] !== null && answers[currentQuestion] === index) {\n optionEl.classList.add('selected');\n selectedOption = index;\n btnNext.disabled = false;\n }\n \n optionEl.addEventListener('click', () => selectOption(index));\n optionsContainer.appendChild(optionEl);\n });\n \n \/\/ Disable next button if no answer selected\n btnNext.disabled = selectedOption === null;\n \n \/\/ Configure back button\n btnBack.textContent = currentQuestion === 0 ? 'Cancel' : 'Back';\n }\n \n \/\/ Select option\n function selectOption(index) {\n \/\/ Remove previous selection\n const options = document.querySelectorAll('.option');\n options.forEach(opt => opt.classList.remove('selected'));\n \n \/\/ Add selection to clicked option\n options[index].classList.add('selected');\n \n \/\/ Update state\n selectedOption = index;\n answers[currentQuestion] = index;\n \n \/\/ Enable next button\n btnNext.disabled = false;\n \n \/\/ Ensure next button is visible and enabled\n btnNext.style.display = 'block';\n btnNext.style.visibility = 'visible';\n btnNext.style.opacity = '1';\n \n \/\/ Add a class to highlight the next button when enabled\n btnNext.classList.add('btn-active');\n \n \/\/ Add a small animation effect to draw attention\n btnNext.animate([\n { transform: 'scale(1)' },\n { transform: 'scale(1.05)' },\n { transform: 'scale(1)' }\n ], {\n duration: 300,\n iterations: 1\n });\n }\n \n \/\/ Go to next question\n function nextQuestion() {\n selectedOption = null;\n \n if (currentQuestion < currentQuestions.length - 1) {\n currentQuestion++;\n loadQuestion();\n } else {\n showResults();\n }\n }\n \n \/\/ Go back to previous question\n function backQuestion() {\n if (currentQuestion === 0) {\n \/\/ Go back to start screen\n showScreen(startScreen);\n } else {\n currentQuestion--;\n selectedOption = answers[currentQuestion];\n loadQuestion();\n }\n }\n \n \/\/ Show results\n function showResults() {\n \/\/ Calculate score\n let score = 0;\n answers.forEach((answer, index) => {\n if (answer === currentQuestions[index].answer) {\n score++;\n }\n });\n \n \/\/ Calculate percentage\n const percentage = Math.round((score \/ currentQuestions.length) * 100);\n \n \/\/ Update results screen elements\n resultsScore.textContent = `${score}\/${currentQuestions.length}`;\n resultsPercentage.textContent = `${percentage}%`;\n \n \/\/ Set message based on score\n let message = '';\n if (percentage >= 90) {\n message = 'Excellent! You are a true Bible scholar!';\n } else if (percentage >= 70) {\n message = 'Very good! You have great biblical knowledge!';\n } else if (percentage >= 50) {\n message = 'Good job! Keep studying God\\'s Word.';\n } else if (percentage >= 30) {\n message = 'Keep studying! The Bible has many treasures to discover.';\n } else {\n message = 'Don\\'t be discouraged! Your biblical knowledge journey is just beginning.';\n }\n \n resultsMessage.textContent = message;\n \n \/\/ Show results screen\n showScreen(resultsScreen);\n }\n \n \/\/ Event Listeners\n btnsDifficulty.forEach(btn => {\n btn.addEventListener('click', () => {\n startQuiz(btn.dataset.difficulty);\n });\n });\n \n btnNext.addEventListener('click', nextQuestion);\n btnBack.addEventListener('click', backQuestion);\n \n btnRetry.addEventListener('click', () => {\n startQuiz(currentDifficulty);\n });\n \n btnHome.addEventListener('click', () => {\n showScreen(startScreen);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>The Bible Quiz Is Updated Weekly<\/strong><\/h2>\n\n\n\n<p>One of the great advantages of this <strong>Bible quiz<\/strong> is that it <strong>doesn\u2019t stay stuck in the past<\/strong>. It is carefully <strong>updated every week<\/strong>, bringing new questions, brand-new challenges, and varied themes to keep your experience always fresh and interesting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Every week you will find:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>New easy, medium, and hard questions<\/strong> to test your knowledge even further.<\/li>\n\n\n\n<li><strong>Special themes<\/strong> such as Bible characters, miracles, prophecies, parables, and curiosities.<\/li>\n\n\n\n<li>Updates that fix errors or improve the experience based on user feedback.<\/li>\n<\/ul>\n\n\n\n<p>That means that even if you\u2019ve already played, it\u2019s always worth coming back to take the <strong>Bible quiz<\/strong> again. You\u2019ll not only reinforce what you already know but also discover new details of Scripture.<\/p>\n\n\n\n<p>Stay tuned: every week there are surprises to challenge your mind and strengthen your faith!<\/p>\n\n\n\n<p>The <strong>quiz<\/strong> is one of the best ways to find out how much you know about the Holy Scriptures while also learning more about the characters, stories, and teachings that shape the Christian faith. This article was specially prepared to present you with a fully interactive <strong>Bible quiz<\/strong> that will challenge you at easy, medium, and hard levels.<\/p>\n\n\n\n<p>Whether for a personal moment of learning, to liven up a study group, or even to test knowledge with family, the <strong>Bible quiz<\/strong> is a fun and educational tool.<\/p>\n\n\n<figure class=\"wp-block-post-featured-image\"><img decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Bible quiz\" style=\"object-fit:cover;\" srcset=\"https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2.jpg 1600w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2-300x169.jpg 300w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2-1024x576.jpg 1024w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2-768x432.jpg 768w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2-1536x864.jpg 1536w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2-150x84.jpg 150w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2-696x392.jpg 696w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-2-1068x601.jpg 1068w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Why Take a Bible Quiz?<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Fun Learning<\/h3>\n\n\n\n<p>The <strong>quiz<\/strong> combines fun with learning. Every question is designed to stimulate your memory, challenge your reasoning, and spark your curiosity about biblical passages and themes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Strengthening Faith<\/h3>\n\n\n\n<p>As you advance through the <strong>quiz<\/strong>, you\u2019ll naturally come across passages that lead you to deeper reflection. This helps strengthen faith and create more intense spiritual connections.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Interaction with Friends and Family<\/h3>\n\n\n\n<p>This <strong>Bible quiz<\/strong> can be taken alone or with others, making it a perfect activity for family gatherings, youth groups, Bible studies, and even online meetings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>How Does the Bible Quiz Work?<\/strong><\/h2>\n\n\n\n<p>This <strong>quiz<\/strong> has been created and is ready for you to access and play directly in your browser. It features:<\/p>\n\n\n\n<p>Three difficulty levels: easy, medium, and hard.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Varied questions ranging from famous characters to lesser-known details.<\/li>\n\n\n\n<li>Feedback at the end, showing your score and offering motivational messages based on your performance.<\/li>\n<\/ul>\n\n\n\n<p>You simply click the difficulty button, read the question, choose your answer, and move on. At the end, the system shows how many answers you got right and your accuracy percentage in the <strong>Bible quiz<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples of Questions You Will Find<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Easy Level<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Who built the ark according to the Bible?<\/li>\n\n\n\n<li>Who killed Goliath?<\/li>\n\n\n\n<li>Who was thrown into the lions\u2019 den?<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Medium Level<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Which prophet was taken up to heaven in a whirlwind?<\/li>\n\n\n\n<li>What is the name of the river where Jesus was baptized?<\/li>\n\n\n\n<li>Who was the first king of Israel?<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Hard Level<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>How many years did Methuselah live?<\/li>\n\n\n\n<li>What is the name of the Roman centurion whose faith impressed Jesus?<\/li>\n\n\n\n<li>What is the name of the island where John received the Revelation of the Apocalypse?<\/li>\n<\/ul>\n\n\n\n<p>These are just some of the dozens of questions prepared in the <strong>Bible quiz<\/strong> to challenge you!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-1024x576.jpg\" alt=\"\" class=\"wp-image-7849\" srcset=\"https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-1024x576.jpg 1024w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-300x169.jpg 300w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-768x432.jpg 768w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-1536x864.jpg 1536w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-150x84.jpg 150w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-696x392.jpg 696w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia-1068x601.jpg 1068w, https:\/\/milagreshoje.com.br\/wp-content\/uploads\/2025\/05\/quiz-da-biblia.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Tips to Do Well in the Bible Quiz<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Read the Bible Regularly<\/h3>\n\n\n\n<p>Maintaining a consistent reading habit helps a lot in the <strong>quiz<\/strong>, because many questions come from passages that sometimes go unnoticed in quick readings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Study With Groups<\/h3>\n\n\n\n<p>Taking part in group Bible studies broadens your knowledge and offers new perspectives, preparing you even more to face the <strong>Bible quiz<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Practice With Other Quizzes<\/h3>\n\n\n\n<p>Besides this <strong>Bible quiz<\/strong>, you can look for apps and question-and-answer books to train your biblical knowledge. Remember: this quiz is updated weekly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Trivia to Inspire Your Bible Quiz<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The shortest verse in the Bible is \u201cJesus wept\u201d (John 11:35).<\/li>\n\n\n\n<li>The longest book in the Bible is Psalm 119, with 176 verses.<\/li>\n\n\n\n<li>The Old Testament has 39 books, while the New Testament has 27 books.<\/li>\n\n\n\n<li>The word \u201cBible\u201d comes from the Greek \u201cbiblos,\u201d which means \u201cbook.\u201d<\/li>\n<\/ul>\n\n\n\n<p>These facts are great to warm up before starting the <strong>Bible quiz<\/strong>!<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>FAQ About the Bible Quiz<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Can I Play This Quiz on My Phone?<\/h3>\n\n\n\n<p>Yes! The <strong>Bible quiz<\/strong> is designed to be fully responsive, working well on phones, tablets, and computers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Do I Need to Log In to Play?<\/h3>\n\n\n\n<p>No. The <strong>Bible quiz<\/strong> is open to any visitor and does not require registration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Is It Possible to Share the Result?<\/h3>\n\n\n\n<p>Yes! After finishing, you can take a screenshot of the results screen and share it with your friends or church groups.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Does the Quiz Have a Time Limit?<\/h3>\n\n\n\n<p>There is no time limit. You can answer at your own pace, calmly reflecting on each question in the <strong>Bible quiz<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How Do I Access the Quiz?<\/h3>\n\n\n\n<p>The <strong>Bible quiz<\/strong> is available right below in this article. Just scroll down and click the difficulty button to start. Enjoy!<\/p>\n\n\n\n<p><strong>READ ALSO:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/milagreshoje.com.br\/en\/50-beautiful-verses-to-strengthen-faith-and-the-heart\/\">50 Beautiful Verses to Strengthen Faith and Heart<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/milagreshoje.com.br\/en\/proverbs-15-reflections-that-transform\/\">Proverbs 15 \u2013 Reflections That Transform<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/milagreshoje.com.br\/en\/birthday-message-biblical-inspiration-for-celebration\/\">Birthday Message: Biblical Inspiration to Celebrate<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>FOLLOW US ON FACEBOOK<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.facebook.com\/metasdavida\" target=\"_blank\" rel=\"noreferrer noopener\">Milagres Hoje<\/a><\/li>\n<\/ul>\n\n\n\n<p>I hope you enjoyed it<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bible Quiz \u271d \ud83d\udcd6 Bible Quiz Test your knowledge of the Holy Bible Choose difficulty level: Easy Basic questions about the Bible \ud83d\udfe2 Medium For those who know the Bible well \ud83d\udfe1 Hard Challenges for advanced scholars \ud83d\udd34 Question 1\/15 Question text will appear here Back Next Quiz Results 0\/15 0% Performance-based message Try Again […]<\/p>\n","protected":false},"author":3,"featured_media":7848,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[],"class_list":{"0":"post-7860","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-verses-and-psalms"},"_links":{"self":[{"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/posts\/7860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/comments?post=7860"}],"version-history":[{"count":2,"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/posts\/7860\/revisions"}],"predecessor-version":[{"id":7862,"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/posts\/7860\/revisions\/7862"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/media\/7848"}],"wp:attachment":[{"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/media?parent=7860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/categories?post=7860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/milagreshoje.com.br\/en\/wp-json\/wp\/v2\/tags?post=7860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}