Current Affairs Solved Mcqs

/* Scoped Styles for the Quiz Wrapper */ #stijob-quiz-wrapper { /* CSS Variables scoped locally so they don't break Jannah Theme */ --quiz-bg: #ffffff; --quiz-post-bg: #fff9f0; --quiz-primary: #0b6efd; --quiz-accent: #ffb703; --quiz-success: #28a745; --quiz-danger: #dc3545; --quiz-muted: #6c757d; --quiz-text-color: #212529; --quiz-shadow-light: rgba(0, 0, 0, 0.05); --quiz-shadow-medium: rgba(0, 0, 0, 0.1); --quiz-shadow-strong: rgba(0, 0, 0, 0.2); --quiz-transition-duration: 0.3s; --quiz-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: var(--quiz-font-family); position: relative; width: 100%; margin-bottom: 30px; } /* Dark Theme Scoped */ #stijob-quiz-wrapper.dark-theme { --quiz-bg: #121212; --quiz-post-bg: #1e1e1e; --quiz-text-color: #e0e0e0; --quiz-primary: #6ab0fe; --quiz-accent: #ffcc66; --quiz-success: #69d479; --quiz-danger: #ff6b6b; --quiz-muted: #b0b0b0; --quiz-shadow-light: rgba(255, 255, 255, 0.05); --quiz-shadow-medium: rgba(255, 255, 255, 0.1); --quiz-shadow-strong: rgba(255, 255, 255, 0.2); } #stijob-quiz-wrapper .quiz-container { color: var(--quiz-text-color); background-color: var(--quiz-post-bg); border-radius: 12px; box-shadow: 0 4px 20px var(--quiz-shadow-medium); padding: 24px; max-width: 100%; /* Adapts to Jannah content width */ margin: 0 auto; box-sizing: border-box; line-height: 1.6; display: flex; flex-direction: column; min-height: 600px; position: relative; } #stijob-quiz-wrapper .header { text-align: center; margin-bottom: 24px; } #stijob-quiz-wrapper .header h1 { font-size: 2.2em; /* Adjusted for mobile safety */ color: var(--quiz-primary); margin: 0 0 15px 0; line-height: 1.2; } #stijob-quiz-wrapper .start-page, #stijob-quiz-wrapper .quiz-page, #stijob-quiz-wrapper .results-page { display: none; flex-grow: 1; } #stijob-quiz-wrapper .start-page.active, #stijob-quiz-wrapper .quiz-page.active, #stijob-quiz-wrapper .results-page.active { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } #stijob-quiz-wrapper .quiz-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 1.1em; font-weight: bold; width: 100%; } #stijob-quiz-wrapper .progress-bar-container { width: 100%; height: 10px; background-color: #ddd; border-radius: 5px; margin-top: 10px; overflow: hidden; } #stijob-quiz-wrapper .progress-bar { height: 100%; width: 0; background-color: var(--quiz-primary); transition: width var(--quiz-transition-duration) ease-in-out; border-radius: 5px; } #stijob-quiz-wrapper .question-text { font-size: 1.4em; margin: 20px 0; text-align: center; font-weight: 600; color: var(--quiz-text-color); } #stijob-quiz-wrapper .options-list { list-style: none; padding: 0; display: grid; gap: 12px; width: 100%; margin: 0; } #stijob-quiz-wrapper .option-btn { width: 100%; background-color: var(--quiz-bg); border: 2px solid var(--quiz-muted); border-radius: 8px; padding: 16px; text-align: left; font-size: 1.1em; font-weight: bold; cursor: pointer; transition: all var(--quiz-transition-duration) ease-in-out; display: flex; align-items: center; justify-content: space-between; color: var(--quiz-text-color); } #stijob-quiz-wrapper .option-btn:hover:not(.disabled) { background-color: var(--quiz-primary); color: white; border-color: var(--quiz-primary); } #stijob-quiz-wrapper .option-btn.correct { background-color: var(--quiz-success); border-color: var(--quiz-success); color: white; animation: quiz-glow-green 0.5s ease-in-out; } #stijob-quiz-wrapper .option-btn.wrong { background-color: var(--quiz-danger); border-color: var(--quiz-danger); color: white; animation: quiz-shake 0.5s ease-in-out; } #stijob-quiz-wrapper .option-btn.disabled { cursor: not-allowed; opacity: 0.7; } #stijob-quiz-wrapper .option-btn .icon { display: none; margin-left: 10px; } #stijob-quiz-wrapper .option-btn.correct .icon.check, #stijob-quiz-wrapper .option-btn.wrong .icon.cross { display: inline-block; } #stijob-quiz-wrapper .controls { display: flex; justify-content: space-between; margin-top: 24px; width: 100%; } #stijob-quiz-wrapper .btn { padding: 12px 24px; font-size: 1em; font-weight: bold; border-radius: 8px; border: none; cursor: pointer; background-color: var(--quiz-primary); color: white; transition: background-color var(--quiz-transition-duration), transform 0.2s; min-height: 44px; text-decoration: none; } #stijob-quiz-wrapper .btn.secondary { background-color: #e9ecef; color: #212529; /* Fixed color for readability */ } #stijob-quiz-wrapper .btn:hover { opacity: 0.9; transform: scale(1.02); } #stijob-quiz-wrapper .btn:disabled { background-color: var(--quiz-muted); cursor: not-allowed; transform: none; } #stijob-quiz-wrapper .results-page { flex-direction: column; align-items: stretch; } #stijob-quiz-wrapper .results-summary { padding: 20px; border-radius: 8px; text-align: center; margin-bottom: 24px; transition: all var(--quiz-transition-duration) ease-in-out; } #stijob-quiz-wrapper .results-summary h2 { font-size: 2em; margin-top: 0; margin-bottom: 10px; color: inherit; } #stijob-quiz-wrapper .results-summary.pass { background-color: var(--quiz-success); color: white; } #stijob-quiz-wrapper .results-summary.fail { background-color: var(--quiz-danger); color: white; } #stijob-quiz-wrapper .results-summary.average { background-color: var(--quiz-accent); color: #212529; } #stijob-quiz-wrapper .results-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 1.1em; margin-bottom: 24px; color: var(--quiz-text-color); } #stijob-quiz-wrapper .results-table th, #stijob-quiz-wrapper .results-table td { padding: 12px; border-bottom: 1px solid var(--quiz-muted); } #stijob-quiz-wrapper .results-table th { background-color: var(--quiz-bg); opacity: 0.9; } #stijob-quiz-wrapper .results-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 24px; } #stijob-quiz-wrapper .donation-button { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background-color: var(--quiz-accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 10px var(--quiz-shadow-medium); animation: quiz-pulse 2s infinite ease-in-out; z-index: 9998; /* High Z-index to float above theme footer */ } #stijob-quiz-wrapper .donation-button.results-footer { position: static; width: auto; height: auto; border-radius: 8px; animation: none; margin-top: 20px; padding: 12px 24px; color: #212529; } #stijob-quiz-wrapper .donation-button svg { fill: white; } /* Modal Styles */ #stijob-quiz-wrapper .quiz-modal { display: none; position: fixed; z-index: 9999; /* Higher than Jannah Header */ left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center; } #stijob-quiz-wrapper .modal-content { background-color: var(--quiz-post-bg); padding: 24px; border-radius: 12px; width: 90%; max-width: 500px; box-shadow: 0 5px 15px var(--quiz-shadow-strong); position: relative; text-align: left; color: var(--quiz-text-color); } #stijob-quiz-wrapper .modal-close { position: absolute; top: 10px; right: 15px; color: var(--quiz-muted); font-size: 28px; font-weight: bold; cursor: pointer; } #stijob-quiz-wrapper .modal-content h3 { margin-top: 0; color: var(--quiz-primary); } #stijob-quiz-wrapper .bank-details p { background-color: var(--quiz-bg); padding: 10px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; color: var(--quiz-text-color); } #stijob-quiz-wrapper .copy-btn { background: none; border: none; color: var(--quiz-primary); cursor: pointer; font-weight: bold; } #stijob-quiz-wrapper .review-mode-item { border: 1px solid var(--quiz-muted); border-radius: 8px; padding: 16px; margin-bottom: 24px; background-color: var(--quiz-bg); color: var(--quiz-text-color); } #stijob-quiz-wrapper .footer { margin-top: auto; padding-top: 20px; border-top: 1px solid #eee; text-align: center; font-size: 0.9em; color: var(--quiz-muted); } #stijob-quiz-wrapper .toast { visibility: hidden; min-width: 250px; background-color: #333; color: #fff; text-align: center; border-radius: 8px; padding: 16px; position: fixed; z-index: 10000; bottom: 30px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.5s linear; } #stijob-quiz-wrapper .toast.show { visibility: visible; opacity: 1; } #stijob-quiz-wrapper .toast.success { background-color: var(--quiz-success); } #stijob-quiz-wrapper .toast.danger { background-color: var(--quiz-danger); } /* Animations */ @keyframes quiz-pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 var(--quiz-accent); } 70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(255, 183, 3, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 183, 3, 0); } } @keyframes quiz-shake { 0%, 100% { transform: translateX(0); } 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } } @keyframes quiz-glow-green { 0% { box-shadow: 0 0 5px var(--quiz-success); } 50% { box-shadow: 0 0 20px var(--quiz-success); } 100% { box-shadow: 0 0 5px var(--quiz-success); } } .confetti-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; } .confetti { position: absolute; width: 10px; height: 10px; background-color: var(--quiz-primary); opacity: 0; animation: confetti-fall 3s ease-out forwards; } @keyframes confetti-fall { 0% { transform: translateY(0) rotate(0); opacity: 1; } 100% { transform: translateY(100vh) rotate(720deg); opacity: 0; } } @media (max-width: 768px) { #stijob-quiz-wrapper .quiz-container { padding: 16px; } } Pakistan Current Affairs Quiz Test your knowledge on recent events and facts about Pakistan. Start Quiz Prev Next Quiz Complete! Your Score: Metric Value Total Questions Correct Answers Wrong Answers Unanswered Review Answers Export CSV Share Result Try Again Donate × Support Our Work If you found this quiz helpful and would like to support the developer, you can donate using the details below. This site does not collect or process payments. You will need to use your own bank app. Name: Majid Farooq Copy Bank: Habib Bank Limited Copy Account/IBAN: PK40HABB0001947100292703 Copy Country: Pakistan Copy Developed by Majid Farooq document.addEventListener('DOMContentLoaded', () => { const quizData = { questions: [ { id: 1, q: "Who is the current Prime Minister of Pakistan as of 2024?", options: ["Shehbaz Sharif", "Imran Khan", "Nawaz Sharif", "Asif Ali Zardari"], answer: 0 }, { id: 2, q: "Which city is the Pakistan Stock Exchange (PSX) located?", options: ["Lahore", "Islamabad", "Karachi", "Peshawar"], answer: 2 }, { id: 3, q: "The Sialkot-Lahore Motorway (M-11) was inaugurated in which year?", options: ["2018", "2019", "2020", "2021"], answer: 2 }, { id: 4, q: "Which Pakistani scientist was awarded the Nobel Prize in Physics in 1979?", options: ["Dr. Abdul Qadeer Khan", "Dr. Abdus Salam", "Dr. Ishfaq Ahmad", "Dr. Samar Mubarakmand"], answer: 1 }, { id: 5, q: "What is the name of Pakistan's first nuclear power plant?", options: ["Chashma Nuclear Power Plant", "Karachi Nuclear Power Plant (KANUPP)", "PAEC Nuclear Power Plant", "Muzaffargarh Power Plant"], answer: 1 }, { id: 6, q: "Who is the current Chief of Army Staff (COAS) of the Pakistan Army?", options: ["General Asim Munir", "General Qamar Javed Bajwa", "General Raheel Sharif", "General Zubair Mahmood Hayat"], answer: 0 }, { id: 7, q: "In which year did Pakistan successfully test its first nuclear weapon?", options: ["1996", "1998", "2000", "2002"], answer: 1 }, { id: 8, q: "The CPEC (China-Pakistan Economic Corridor) is a collection of infrastructure projects. Which two cities does it primarily connect?", options: ["Lahore and Islamabad", "Karachi and Peshawar", "Islamabad and Gwadar", "Kashgar and Gwadar"], answer: 3 }, { id: 9, q: "Which country is the largest trading partner of Pakistan?", options: ["United States", "China", "United Arab Emirates", "Saudi Arabia"], answer: 1 }, { id: 10, q: "Who is the current President of Pakistan?", options: ["Arif Alvi", "Mamnoon Hussain", "Asif Ali Zardari", "Pervez Musharraf"], answer: 2 }, { id: 11, q: "The World Bank and IMF are providing a financial package to Pakistan. What is the current status of this program?", options: ["It has been fully disbursed.", "It is currently being negotiated.", "It has been suspended.", "A new package is expected."], answer: 1 }, { id: 12, q: "Which province of Pakistan has the highest population density?", options: ["Sindh", "Punjab", "Khyber Pakhtunkhwa", "Balochistan"], answer: 1 }, { id: 13, q: "The Kartarpur Corridor connects Dera Baba Nanak in India to which Gurdwara in Pakistan?", options: ["Gurdwara Panja Sahib", "Gurdwara Darbar Sahib", "Gurdwara Nankana Sahib", "Gurdwara Sacha Sauda"], answer: 1 }, { id: 14, q: "Pakistan's national flower is the Jasmine. What is its scientific name?", options: ["Rosa indica", "Nelumbo nucifera", "Jasminum officinale", "Tulipa gesneriana"], answer: 2 }, { id: 15, q: "What is the current official name of the 'North-West Frontier Province'?", options: ["FATA", "Gilgit-Baltistan", "Khyber Pakhtunkhwa", "AJK"], answer: 2 }, { id: 16, q: "Which Pakistani city is known as the 'City of Gardens'?", options: ["Karachi", "Islamabad", "Lahore", "Multan"], answer: 2 }, { id: 17, q: "The Kalabagh Dam project is a controversial project planned on which river?", options: ["Indus River", "Jhelum River", "Chenab River", "Ravi River"], answer: 0 }, { id: 18, q: "What is the primary currency of Pakistan?", options: ["Dollar", "Rupee", "Yen", "Dinar"], answer: 1 }, { id: 19, q: "Which Pakistani activist won the Nobel Peace Prize in 2014?", options: ["Malala Yousafzai", "Abdul Sattar Edhi", "Dr. Abdus Salam", "Benazir Bhutto"], answer: 0 }, { id: 20, q: "The Karakoram Highway connects Pakistan with which country?", options: ["Iran", "Afghanistan", "China", "India"], answer: 2 }, { id: 21, q: "What is the name of Pakistan's national animal?", options: ["Snow Leopard", "Markhor", "Ibex", "Asiatic Black Bear"], answer: 1 }, { id: 22, q: "The Gwadar Port is located in which province of Pakistan?", options: ["Sindh", "Punjab", "Balochistan", "Khyber Pakhtunkhwa"], answer: 2 }, { id: 23, q: "What is the name of the highest mountain peak in Pakistan?", options: ["Nanga Parbat", "Gasherbrum I", "Broad Peak", "K2"], answer: 3 }, { id: 24, q: "Which former Pakistani cricket captain is known as the 'Sultan of Swing'?", options: ["Imran Khan", "Javed Miandad", "Wasim Akram", "Waqar Younis"], answer: 2 }, { id: 25, q: "Who was the first female Prime Minister of Pakistan?", options: ["Benazir Bhutto", "Fatima Jinnah", "Hina Rabbani Khar", "Begum Ra'ana Liaquat Ali Khan"], answer: 0 }, { id: 26, q: "The Indus Water Treaty was signed between Pakistan and which other country?", options: ["China", "India", "Afghanistan", "Iran"], answer: 1 }, { id: 27, q: "What is the national sport of Pakistan?", options: ["Cricket", "Field Hockey", "Kabaddi", "Squash"], answer: 1 }, { id: 28, q: "Which Pakistani city is famous for its blue pottery?", options: ["Lahore", "Multan", "Peshawar", "Hyderabad"], answer: 1 }, { id: 29, q: "The ancient city of Mohenjo-Daro is located in which province?", options: ["Sindh", "Balochistan", "Punjab", "Khyber Pakhtunkhwa"], answer: 0 }, { id: 30, q: "Pakistan's first satellite, BADR-1, was launched in which year?", options: ["1988", "1990", "1992", "1994"], answer: 1 }, { id: 31, q: "The Quaid-e-Azam's mausoleum is located in which city?", options: ["Lahore", "Islamabad", "Karachi", "Rawalpindi"], answer: 2 }, { id: 32, q: "What is the name of Pakistan's largest desert?", options: ["Thal Desert", "Cholistan Desert", "Thar Desert", "Kharan Desert"], answer: 2 }, { id: 33, q: "Who composed the music for the national anthem of Pakistan?", options: ["Ahmed G. Chagla", "Hafeez Jalandhari", "Sufi Ghulam Mustafa Tabassum", "Faiz Ahmed Faiz"], answer: 0 }, { id: 34, q: "Which Pakistani university is the oldest and was established in 1882?", options: ["University of the Punjab", "University of Karachi", "NED University", "King Edward Medical University"], answer: 0 }, { id: 35, q: "Pakistan's official national language is Urdu. How many languages are spoken in Pakistan?", options: ["10-20", "20-30", "Over 70", "Over 100"], answer: 2 }, { id: 36, q: "What is the name of the highest civilian award in Pakistan?", options: ["Hilal-i-Jurat", "Sitara-i-Imtiaz", "Nishan-e-Pakistan", "Nishan-e-Haider"], answer: 2 }, { id: 37, q: "The historic Khyber Pass connects Pakistan with which country?", options: ["India", "Afghanistan", "China", "Iran"], answer: 1 }, { id: 38, q: "Which Pakistani monument is also known as the 'Minar-e-Pakistan'?", options: ["Mazar-e-Quaid", "Faisal Mosque", "Allama Iqbal Mausoleum", "Minar-e-Pakistan"], answer: 3 }, { id: 39, q: "What is the name of the longest river in Pakistan?", options: ["Jhelum River", "Chenab River", "Sutlej River", "Indus River"], answer: 3 }, { id: 40, q: "Pakistan has a new Chief Justice of the Supreme Court. Who is he?", options: ["Umar Ata Bandial", "Qazi Faez Isa", "Gulzar Ahmed", "Asif Saeed Khan Khosa"], answer: 1 }, { id: 41, q: "What is the name of Pakistan's largest lake?", options: ["Manchar Lake", "Rawal Lake", "Saiful Muluk Lake", "Keenjhar Lake"], answer: 0 }, { id: 42, q: "What is Pakistan's rank in the world by population?", options: ["5th", "10th", "15th", "20th"], answer: 0 }, { id: 43, q: "In which year did Pakistan win its only Cricket World Cup?", options: ["1987", "1992", "1999", "2007"], answer: 1 }, { id: 44, q: "Who is the current Governor of the State Bank of Pakistan?", options: ["Jameel Ahmad", "Tariq Bajwa", "Reza Baqir", "Yaseen Anwar"], answer: 0 }, { id: 45, q: "The Simla Accord of 1972 was an agreement between India and which Pakistani Prime Minister?", options: ["Zulfiqar Ali Bhutto", "Yahya Khan", "Ayub Khan", "Iskander Mirza"], answer: 0 }, { id: 46, q: "The ancient city of Taxila is a UNESCO World Heritage Site located near which modern city?", options: ["Peshawar", "Islamabad", "Lahore", "Quetta"], answer: 1 }, { id: 47, q: "Who is the current Chief Minister of Punjab province?", options: ["Pervaiz Elahi", "Hamza Shahbaz Sharif", "Maryiam Nawaz", "Usman Buzdar"], answer: 2 }, { id: 48, q: "What is the name of Pakistan's national bird?", options: ["Falcon", "Chakor partridge", "Peacock", "Eagle"], answer: 1 }, { id: 49, q: "The Pakistan Resolution, calling for the creation of a separate Muslim state, was passed in which year?", options: ["1938", "1940", "1942", "1947"], answer: 1 }, { id: 50, q: "The Gwadar Port is a key component of which larger economic initiative?", options: ["Belt and Road Initiative (BRI)", "Shanghai Cooperation Organisation (SCO)", "ECO", "SAARC"], answer: 0 } ], settings: { quizTitle: "Pakistan Current Affairs Quiz", numQuestions: 50, shuffleQuestions: true, shuffleOptions: true } }; const wrapper = document.getElementById('stijob-quiz-wrapper'); const elements = { startPage: wrapper.querySelector('#start-page'), quizPage: wrapper.querySelector('#quiz-page'), resultsPage: wrapper.querySelector('#results-page'), startBtn: wrapper.querySelector('#start-btn'), questionText: wrapper.querySelector('#question-text'), optionsList: wrapper.querySelector('#options-list'), prevBtn: wrapper.querySelector('#prev-btn'), nextBtn: wrapper.querySelector('#next-btn'), questionCount: wrapper.querySelector('#question-count'), progressBar: wrapper.querySelector('#progress-bar'), resultsSummary: wrapper.querySelector('#results-summary'), scorePercentage: wrapper.querySelector('#score-percentage'), resultsTotal: wrapper.querySelector('#results-total'), resultsCorrect: wrapper.querySelector('#results-correct'), resultsWrong: wrapper.querySelector('#results-wrong'), resultsUnanswered: wrapper.querySelector('#results-unanswered'), reviewBtn: wrapper.querySelector('#review-btn'), exportBtn: wrapper.querySelector('#export-btn'), shareBtn: wrapper.querySelector('#share-btn'), tryAgainBtn: wrapper.querySelector('#try-again-btn'), donationBtn: wrapper.querySelector('#donate-btn'), donationModal: wrapper.querySelector('#donation-modal'), modalClose: wrapper.querySelector('.modal-close'), reviewQuestionsContainer: wrapper.querySelector('#review-questions-container'), toast: wrapper.querySelector('#toast'), themeToggleBtn: wrapper.querySelector('#theme-toggle-btn') }; let currentQuestionIndex = 0; let userAnswers = {}; let shuffledQuestions = []; function shuffleArray(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; } function startQuiz() { elements.startPage.classList.remove('active'); elements.quizPage.classList.add('active'); shuffledQuestions = [...quizData.questions]; if (quizData.settings.shuffleQuestions) { shuffledQuestions = shuffleArray(shuffledQuestions); } userAnswers = {}; currentQuestionIndex = 0; renderQuestion(); updateProgressBar(); } function renderQuestion() { const q = shuffledQuestions[currentQuestionIndex]; if (!q) { showResults(); return; } elements.questionText.textContent = q.q; elements.optionsList.innerHTML = ''; let options = [...q.options]; if (quizData.settings.shuffleOptions) { options = shuffleArray(options); } options.forEach((option, index) => { const li = document.createElement('li'); const btn = document.createElement('button'); btn.className = 'option-btn'; btn.setAttribute('aria-label', `Option ${String.fromCharCode(65 + index)}: ${option}`); const checkIcon = ``; const crossIcon = ``; btn.innerHTML = `${option}${checkIcon}${crossIcon}`; btn.addEventListener('click', () => handleAnswer(q, option)); li.appendChild(btn); elements.optionsList.appendChild(li); }); updateControls(); updateProgressBar(); } function updateControls() { elements.prevBtn.disabled = currentQuestionIndex === 0; if (currentQuestionIndex === quizData.settings.numQuestions - 1) { elements.nextBtn.textContent = 'Finish'; elements.nextBtn.removeEventListener('click', nextQuestion); elements.nextBtn.addEventListener('click', showResults); } else { elements.nextBtn.textContent = 'Next'; elements.nextBtn.removeEventListener('click', showResults); elements.nextBtn.addEventListener('click', nextQuestion); } } function updateProgressBar() { const answeredCount = Object.keys(userAnswers).length; const progress = (answeredCount / quizData.settings.numQuestions) * 100; elements.progressBar.style.width = `${progress}%`; elements.questionCount.textContent = `Question ${currentQuestionIndex + 1} / ${quizData.settings.numQuestions}`; } function handleAnswer(question, selectedOption) { if (userAnswers.hasOwnProperty(question.id)) return; // Prevents multiple answers const selectedIndex = question.options.indexOf(selectedOption); const isCorrect = (selectedIndex === question.answer); userAnswers[question.id] = { selected: selectedIndex, correct: isCorrect }; const options = elements.optionsList.querySelectorAll('.option-btn'); options.forEach(btn => { const btnText = btn.querySelector('span').textContent; const isAnswerBtn = (btnText === selectedOption); const isCorrectOption = (question.options.indexOf(btnText) === question.answer); if (isAnswerBtn) { btn.classList.add(isCorrect ? 'correct' : 'wrong'); } if (isCorrectOption) { btn.classList.add('correct'); } btn.classList.add('disabled'); btn.setAttribute('aria-disabled', 'true'); }); showToast(isCorrect ? 'Correct!' : 'Wrong!', isCorrect); updateProgressBar(); } function nextQuestion() { if (currentQuestionIndex 0) { currentQuestionIndex--; renderQuestion(); } } function showToast(message, isSuccess) { elements.toast.textContent = message; elements.toast.className = 'toast show ' + (isSuccess ? 'success' : 'danger'); setTimeout(() => { elements.toast.className = 'toast'; }, 2000); } function showResults() { elements.quizPage.classList.remove('active'); elements.resultsPage.classList.add('active'); const correctCount = Object.values(userAnswers).filter(a => a.correct).length; const answeredCount = Object.keys(userAnswers).length; const wrongCount = answeredCount - correctCount; const unansweredCount = quizData.settings.numQuestions - answeredCount; const percentage = (correctCount / quizData.settings.numQuestions) * 100; elements.resultsTotal.textContent = quizData.settings.numQuestions; elements.resultsCorrect.textContent = correctCount; elements.resultsWrong.textContent = wrongCount; elements.resultsUnanswered.textContent = unansweredCount; elements.scorePercentage.textContent = `${percentage.toFixed(1)}%`; if (percentage >= 70) { elements.resultsSummary.className = 'results-summary pass'; } else if (percentage >= 40) { elements.resultsSummary.className = 'results-summary average'; } else { elements.resultsSummary.className = 'results-summary fail'; } if (percentage >= 90) { triggerConfetti(); } localStorage.setItem('quizProgress', JSON.stringify(userAnswers)); } function triggerConfetti() { const confettiContainer = document.getElementById('confetti-container'); for (let i = 0; i < 50; i++) { const confetti = document.createElement('div'); confetti.className = 'confetti'; confetti.style.left = `${Math.random() * 100}vw`; confetti.style.backgroundColor = `hsl(${Math.random() * 360}, 100%, 50%)`; confetti.style.animationDelay = `${Math.random() * 0.5}s`; confettiContainer.appendChild(confetti); setTimeout(() => confetti.remove(), 3000); } } function reviewAnswers() { const container = elements.reviewQuestionsContainer; container.style.display = 'block'; container.innerHTML = 'Review Answers'; shuffledQuestions.forEach(q => { const userAnswer = userAnswers[q.id]; const item = document.createElement('div'); item.className = 'review-mode-item'; item.innerHTML = `${q.q}`; const optionsList = document.createElement('ul'); optionsList.className = 'options-list'; q.options.forEach((option, index) => { const li = document.createElement('li'); const btn = document.createElement('button'); btn.className = 'option-btn disabled'; btn.textContent = option; btn.setAttribute('aria-disabled', 'true'); if (index === q.answer) { btn.classList.add('correct'); } else if (userAnswer && userAnswer.selected === index) { btn.classList.add('wrong'); } li.appendChild(btn); optionsList.appendChild(li); }); item.appendChild(optionsList); container.appendChild(item); }); } function exportResults() { let csvContent = "Question,Your Answer,Correct Answer,Result\n"; shuffledQuestions.forEach(q => { const userAnswer = userAnswers[q.id] || { selected: -1, correct: false }; const yourAnswerText = userAnswer.selected !== -1 ? q.options[userAnswer.selected] : "Unanswered"; const correctAnswerText = q.options[q.answer]; const resultText = userAnswer.correct ? "Correct" : "Wrong"; csvContent += `"${q.q.replace(/"/g, '""')}","${yourAnswerText.replace(/"/g, '""')}","${correctAnswerText.replace(/"/g, '""')}","${resultText}"\n`; }); const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' }); const link = document.createElement('a'); link.href = URL.createObjectURL(blob); link.setAttribute('download', 'Pakistan_Current_Affairs_Quiz_Results.csv'); document.body.appendChild(link); link.click(); document.body.removeChild(link); } function shareResults() { const correctCount = Object.values(userAnswers).filter(a => a.correct).length; const percentage = (correctCount / quizData.settings.numQuestions) * 100; const shareText = `I scored ${percentage.toFixed(1)}% on the Pakistan Current Affairs Quiz! Can you beat my score? #PakistanQuiz #CurrentAffairs`; if (navigator.share) { navigator.share({ title: 'Quiz Result', text: shareText, url: window.location.href }).catch(error => console.log('Error sharing:', error)); } else { navigator.clipboard.writeText(shareText).then(() => { showToast('Result copied to clipboard!', true); }).catch(err => { showToast('Failed to copy result.', false); }); } } function toggleTheme() { // Updated to target only the wrapper, not the whole body const wrapper = document.getElementById('stijob-quiz-wrapper'); wrapper.classList.toggle('dark-theme'); const isDark = wrapper.classList.contains('dark-theme'); localStorage.setItem('stijob_quiz_theme', isDark ? 'dark' : 'light'); } function loadTheme() { const savedTheme = localStorage.getItem('stijob_quiz_theme'); const wrapper = document.getElementById('stijob-quiz-wrapper'); if (savedTheme === 'dark') { wrapper.classList.add('dark-theme'); } else { wrapper.classList.remove('dark-theme'); } } elements.startBtn.addEventListener('click', startQuiz); elements.nextBtn.addEventListener('click', nextQuestion); elements.prevBtn.addEventListener('click', prevQuestion); elements.reviewBtn.addEventListener('click', reviewAnswers); elements.exportBtn.addEventListener('click', exportResults); elements.shareBtn.addEventListener('click', shareResults); elements.tryAgainBtn.addEventListener('click', startQuiz); elements.themeToggleBtn.addEventListener('click', toggleTheme); elements.donationBtn.addEventListener('click', () => { elements.donationModal.style.display = 'flex'; }); elements.modalClose.addEventListener('click', () => { elements.donationModal.style.display = 'none'; }); window.addEventListener('click', (event) => { if (event.target === elements.donationModal) { elements.donationModal.style.display = 'none'; } }); const copyBtns = wrapper.querySelectorAll('.copy-btn'); copyBtns.forEach(btn => { btn.addEventListener('click', (e) => { const textToCopy = e.target.getAttribute('data-clipboard-text'); navigator.clipboard.writeText(textToCopy).then(() => { showToast('Copied to clipboard!', true); }).catch(err => { showToast('Failed to copy.', false); }); }); }); loadTheme(); });