Islamic Study MCQS

Islamic Study MCQS tailwind.config = { // CRITICAL: This prevents Tailwind from resetting your Jannah theme styles corePlugins: { preflight: false, } } /* Scope styles to this ID to prevent conflicts */ #islamic-quiz-wrapper { font-family: 'Inter', sans-serif; /* Apply the gradient background here instead of body */ background-image: linear-gradient(135deg, #43e97b 0%, #3bb78f 100%); padding: 2rem; border-radius: 15px; position: relative; min-height: 600px; display: flex; align-items: center; justify-content: center; color: #1f2937; /* Default text color needed since preflight is off */ } #islamic-quiz-wrapper h1, #islamic-quiz-wrapper h2, #islamic-quiz-wrapper h3 { line-height: 1.2; } .quiz-card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); width: 100%; max-width: 600px; border-radius: 1.5rem; } .btn-option { transition: all 0.2s ease-in-out; } .btn-option:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.1); } /* Custom Animation Classes */ .correct-anim { background-color: #38a169 !important; color: white !important; animation: pulse-green 0.5s ease-in-out; } .wrong-anim { background-color: #e53e3e !important; color: white !important; animation: shake 0.5s ease-in-out; } .pulse-once { animation: pulse-once 0.5s ease-out; } @keyframes pulse-once { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes pulse-green { 0% { transform: scale(1); background-color: #68d391; } 50% { transform: scale(1.02); background-color: #38a169; } 100% { transform: scale(1); background-color: #38a169; } } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 50% { transform: translateX(5px); } 75% { transform: translateX(-5px); } } /* Donate Button Styling */ .donate-float-btn { background-image: linear-gradient(90deg, #f7d794, #f9b456, #f7d794); background-size: 200% auto; border-radius: 9999px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); font-weight: 700; animation: shine 2s linear infinite; /* Ensure it sits above Jannah sticky header */ z-index: 9999; } @keyframes shine { 0% { background-position: -200%; } 100% { background-position: 200%; } } /* Modal Overlay */ .quiz-modal-overlay { background-color: rgba(0, 0, 0, 0.5); z-index: 10000; /* Extremely high Z-index to cover WP Admin bar and Header */ } Islamic Quiz Question 1 of 10 Next Question Quiz Complete! Here are your results: Category Value Correct Questions 0 Wrong Questions 0 Percentage 0% Restart Quiz Donate Now Donation Details Account Name: Majid Farooq Bank Name: Habib Bank Limited Account Number / IBAN: PK40HABB0001947100292703 Country: Pakistan Your support is greatly appreciated! Developed by Majid Farooq | Contact: majidfarooq295@gmail.com // Quiz Data const questions = [ { question: "Who is the last Prophet in Islam?", options: ["Prophet Musa (Moses)", "Prophet Isa (Jesus)", "Prophet Muhammad (SAW)", "Prophet Adam"], answer: "Prophet Muhammad (SAW)" }, { question: "What is the name of the holy book of Islam?", options: ["Injil", "Torah", "Zabur", "Quran"], answer: "Quran" }, { question: "How many pillars of Islam are there?", options: ["Three", "Four", "Five", "Six"], answer: "Five" }, { question: "What is the first pillar of Islam?", options: ["Salah (Prayer)", "Zakat (Charity)", "Shahadah (Declaration of Faith)", "Sawm (Fasting)"], answer: "Shahadah (Declaration of Faith)" }, { question: "In which city was Prophet Muhammad (SAW) born?", options: ["Medina", "Jerusalem", "Mecca", "Ta'if"], answer: "Mecca" }, { question: "What is the name of the month of fasting for Muslims?", options: ["Shawwal", "Ramadan", "Muharram", "Rajab"], answer: "Ramadan" }, { question: "Who was the first Caliph of Islam?", options: ["Umar ibn al-Khattab", "Uthman ibn Affan", "Ali ibn Abi Talib", "Abu Bakr"], answer: "Abu Bakr" }, { question: "What is the direction of prayer for Muslims?", options: ["North", "South", "East", "Kaaba (Mecca)"], answer: "Kaaba (Mecca)" }, { question: "How many times a day do Muslims pray?", options: ["Three", "Four", "Five", "Six"], answer: "Five" }, { question: "What is the pilgrimage to Mecca known as?", options: ["Umrah", "Jihad", "Hajj", "Sawm"], answer: "Hajj" }, { question: "Which angel revealed the Quran to Prophet Muhammad (SAW)?", options: ["Angel Israfil", "Angel Mika'il", "Angel Jibril (Gabriel)", "Angel Malik"], answer: "Angel Jibril (Gabriel)" }, { question: "What is the Arabic word for 'prayer'?", options: ["Zakat", "Salah", "Sawm", "Hajj"], answer: "Salah" }, { question: "What is the Arabic word for 'charity'?", options: ["Salah", "Sawm", "Hajj", "Zakat"], answer: "Zakat" }, { question: "Which city was the Prophet Muhammad (SAW) buried in?", options: ["Mecca", "Jerusalem", "Medina", "Ta'if"], answer: "Medina" }, { question: "What is the name of the Prophet's Mosque in Medina?", options: ["Masjid Al-Aqsa", "Masjid Al-Haram", "Masjid An-Nabawi", "Masjid Quba"], answer: "Masjid An-Nabawi" }, { question: "What is the longest Surah in the Quran?", options: ["Al-Fatiha", "Al-Baqarah", "Yasin", "Al-Ikhlas"], answer: "Al-Baqarah" }, { question: "How many Surahs are there in the Quran?", options: ["100", "114", "120", "150"], answer: "114" }, { question: "What is the name of the first man and Prophet created by Allah?", options: ["Prophet Nuh (Noah)", "Prophet Ibrahim (Abraham)", "Prophet Adam", "Prophet Musa (Moses)"], answer: "Prophet Adam" }, { question: "What is the name of the first wife of Prophet Muhammad (SAW)?", options: ["Aisha bint Abu Bakr", "Fatimah bint Muhammad", "Khadijah bint Khuwaylid", "Zainab bint Jahsh"], answer: "Khadijah bint Khuwaylid" }, { question: "What is the term for the sayings and traditions of Prophet Muhammad (SAW)?", options: ["Fiqh", "Shariah", "Hadith", "Tafsir"], answer: "Hadith" }, { question: "Who built the Kaaba in Mecca?", options: ["Prophet Muhammad (SAW)", "Prophet Adam", "Prophet Ibrahim (Abraham) and Prophet Ismail (Ishmael)", "Prophet Nuh (Noah)"], answer: "Prophet Ibrahim (Abraham) and Prophet Ismail (Ishmael)" }, { question: "What is the Muslim declaration of faith called?", options: ["Salah", "Zakat", "Shahadah", "Sawm"], answer: "Shahadah" }, { question: "What is the holy month of fasting called?", options: ["Muharram", "Ramadan", "Sha'ban", "Rajab"], answer: "Ramadan" }, { question: "What is the name of the Night Journey of the Prophet Muhammad (SAW)?", options: ["Hijrah", "Isra and Mi'raj", "Fath Mecca", "Ghazwat Badr"], answer: "Isra and Mi'raj" }, { question: "What is the name of the cave where the Prophet Muhammad (SAW) received the first revelation?", options: ["Cave of Hira", "Cave of Thawr", "Cave of Uhud", "Cave of Quba"], answer: "Cave of Hira" }, { question: "What is the largest Eid celebration in Islam?", options: ["Eid al-Fitr", "Eid al-Adha", "Eid al-Ghadir", "Mawlid al-Nabi"], answer: "Eid al-Adha" }, { question: "What is the term for the Islamic law derived from the Quran and Sunnah?", options: ["Hadith", "Fiqh", "Shariah", "Tafsir"], answer: "Shariah" }, { question: "Who was the first male to accept Islam?", options: ["Umar ibn al-Khattab", "Ali ibn Abi Talib", "Abu Bakr", "Uthman ibn Affan"], answer: "Abu Bakr" }, { question: "What is the name of the treaty signed between the Muslims of Medina and the people of Mecca?", options: ["Treaty of Badr", "Treaty of Hudaybiyyah", "Treaty of Uhud", "Treaty of Khaybar"], answer: "Treaty of Hudaybiyyah" }, { question: "What is the term for the migration of Prophet Muhammad (SAW) and his followers from Mecca to Medina?", options: ["Hajj", "Hijrah", "Jihad", "Umrah"], answer: "Hijrah" }, { question: "Who was the second Caliph of Islam?", options: ["Umar ibn al-Khattab", "Uthman ibn Affan", "Ali ibn Abi Talib", "Abu Bakr"], answer: "Umar ibn al-Khattab" }, { question: "What is the name of the first battle fought by the Muslims?", options: ["Battle of Uhud", "Battle of Khaybar", "Battle of the Trench", "Battle of Badr"], answer: "Battle of Badr" }, { question: "How many times is 'Bismillah' mentioned in the Quran?", options: ["113", "114", "115", "120"], answer: "114" }, { question: "What is the Arabic word for 'God'?", options: ["Prophet", "Rasul", "Allah", "Islam"], answer: "Allah" }, { question: "What is the name of the Angel of Death?", options: ["Israfil", "Mika'il", "Azra'il", "Jibril"], answer: "Azra'il" }, { question: "What is the name of the Prophet's daughter who married Ali ibn Abi Talib?", options: ["Aisha", "Zainab", "Fatimah", "Ruqayyah"], answer: "Fatimah" }, { question: "What is the term for the Islamic call to prayer?", options: ["Iqamah", "Athan", "Tasbeeh", "Dua"], answer: "Athan" }, { question: "In which year did the Prophet Muhammad (SAW) pass away?", options: ["622 AD", "632 AD", "634 AD", "636 AD"], answer: "632 AD" }, { question: "What is the name of the holy city in Islam besides Mecca and Medina?", options: ["Baghdad", "Damascus", "Jerusalem", "Istanbul"], answer: "Jerusalem" }, { question: "What is the name of the Prophet of Islam?", options: ["Prophet Muhammad (SAW)", "Prophet Adam", "Prophet Nuh", "Prophet Musa"], answer: "Prophet Muhammad (SAW)" }, { question: "How many times does a Muslim perform Hajj in a lifetime (if able)?", options: ["Once", "Twice", "Three times", "As many times as they want"], answer: "Once" }, { question: "What is the name of the first woman to accept Islam?", options: ["Aisha", "Fatimah", "Zainab", "Khadijah"], answer: "Khadijah" }, { question: "What is the term for a person who has memorized the entire Quran?", options: ["Mualim", "Qari", "Hafiz", "Shaikh"], answer: "Hafiz" }, { question: "What is the name of the city where the Prophet Muhammad (SAW) first migrated to?", options: ["Mecca", "Yathrib (Medina)", "Ta'if", "Jerusalem"], answer: "Yathrib (Medina)" }, { question: "What is the name of the grandfather of Prophet Muhammad (SAW)?", options: ["Abu Talib", "Abdullah", "Abdul-Muttalib", "Abu Bakr"], answer: "Abdul-Muttalib" }, { question: "Which Surah is also known as the 'Heart of the Quran'?", options: ["Al-Fatiha", "Al-Baqarah", "Yasin", "Ar-Rahman"], answer: "Yasin" }, { question: "What is the name of the Angel who blows the trumpet on the Day of Judgment?", options: ["Jibril", "Mika'il", "Israfil", "Malik"], answer: "Israfil" }, { question: "What is the name of the Islamic month before Ramadan?", options: ["Rajab", "Sha'ban", "Shawwal", "Muharram"], answer: "Sha'ban" }, { question: "What is the name of the mother of Prophet Muhammad (SAW)?", options: ["Aisha", "Fatima", "Aminah", "Khadijah"], answer: "Aminah" }, { question: "Which battle is known as the 'Battle of the Trench'?", options: ["Battle of Badr", "Battle of Uhud", "Battle of Khaybar", "Battle of the Confederates (Ahzab)"], answer: "Battle of the Confederates (Ahzab)" } ]; let currentQuestionIndex = 0; let score = 0; let correctAnswers = 0; let wrongAnswers = 0; let isOptionSelected = false; // Element Selection const quizSection = document.getElementById('quiz-section'); const resultsSection = document.getElementById('results-section'); const questionElement = document.getElementById('question'); const questionNumberElement = document.getElementById('question-number'); const optionsContainer = document.getElementById('options-container'); const nextButton = document.getElementById('next-btn'); const feedbackElement = document.getElementById('feedback'); const donateBtn = document.getElementById('donate-btn'); const donationModal = document.getElementById('donation-modal'); const closeModalBtn = document.getElementById('close-modal-btn'); // Modal Logic if(donateBtn) { donateBtn.addEventListener('click', (e) => { e.preventDefault(); donationModal.classList.remove('hidden'); setTimeout(() => { const modalContent = donationModal.querySelector('div'); if(modalContent) modalContent.classList.remove('scale-95', 'opacity-0'); }, 10); }); } if(closeModalBtn) { closeModalBtn.addEventListener('click', (e) => { e.preventDefault(); closeModal(); }); } // Close modal if clicking overlay if(donationModal) { donationModal.addEventListener('click', (e) => { if (e.target === donationModal) { closeModal(); } }); } function closeModal() { const modalContent = donationModal.querySelector('div'); modalContent.classList.add('scale-95', 'opacity-0'); setTimeout(() => { donationModal.classList.add('hidden'); }, 300); } function startQuiz() { currentQuestionIndex = 0; score = 0; correctAnswers = 0; wrongAnswers = 0; resultsSection.classList.add('hidden'); quizSection.classList.remove('hidden'); nextButton.classList.add('hidden'); displayQuestion(); } function displayQuestion() { resetState(); if(currentQuestionIndex >= questions.length) { showResults(); return; } const currentQuestion = questions[currentQuestionIndex]; questionNumberElement.textContent = `Question ${currentQuestionIndex + 1} of ${questions.length}`; questionElement.textContent = currentQuestion.question; currentQuestion.options.forEach(option => { const button = document.createElement('button'); button.textContent = option; // Tailwind classes for buttons button.className = 'btn-option w-full p-4 bg-teal-100 rounded-xl text-lg font-medium text-left hover:bg-teal-200 transition-colors text-teal-900 mb-0'; button.dataset.answer = option; optionsContainer.appendChild(button); }); } function resetState() { while(optionsContainer.firstChild) { optionsContainer.removeChild(optionsContainer.firstChild); } feedbackElement.classList.add('opacity-0'); nextButton.classList.add('hidden'); isOptionSelected = false; } optionsContainer.addEventListener('click', (e) => { if (e.target.tagName === 'BUTTON' && !isOptionSelected) { isOptionSelected = true; const selectedOption = e.target.dataset.answer; const currentQuestion = questions[currentQuestionIndex]; const allOptions = optionsContainer.querySelectorAll('button'); if (selectedOption === currentQuestion.answer) { correctAnswers++; e.target.classList.remove('bg-teal-100', 'hover:bg-teal-200'); e.target.classList.add('correct-anim'); showFeedback(true); } else { wrongAnswers++; e.target.classList.remove('bg-teal-100', 'hover:bg-teal-200'); e.target.classList.add('wrong-anim'); showFeedback(false); } // Highlight correct answer allOptions.forEach(button => { if (button.dataset.answer === currentQuestion.answer) { button.classList.remove('bg-teal-100', 'hover:bg-teal-200'); button.classList.add('correct-anim'); } button.disabled = true; button.style.cursor = 'default'; }); nextButton.classList.remove('hidden'); } }); function showFeedback(isCorrect) { if (isCorrect) { feedbackElement.textContent = 'Correct!'; feedbackElement.className = 'text-lg font-bold mt-6 text-green-600 pulse-once'; } else { feedbackElement.textContent = 'Wrong!'; feedbackElement.className = 'text-lg font-bold mt-6 text-red-500'; } feedbackElement.classList.remove('opacity-0'); } nextButton.addEventListener('click', () => { currentQuestionIndex++; if (currentQuestionIndex 0 ? ((correctAnswers / totalQuestions) * 100).toFixed(2) : 0; document.getElementById('correct-count').textContent = correctAnswers; document.getElementById('wrong-count').textContent = wrongAnswers; document.getElementById('percentage').textContent = `${percentage}%`; } // Global restart function window.restartQuiz = function() { startQuiz(); }; // Initialize startQuiz();

Islamic Study MCQS

Quiz Complete!

Donation Details

Majid Farooq

Related Articles

Arabic Solved MCQs

Everyday Science Solved MCQS

Computer Science Solved MCQS

MD Cat Solved MCQS

Math Solved MCQs

History of English Literature Quiz

Leave a Reply Cancel reply