Pakistan GK MCQs // Configure Tailwind to NOT reset your Jannah Theme styles tailwind.config = { corePlugins: { preflight: false, // This prevents breaking your site's menu/fonts } } /* Scoped Container to prevent affecting other parts of the site */ #pk-quiz-wrapper { font-family: 'Inter', sans-serif; background-color: #1a202c; color: #e2e8f0; border-radius: 12px; margin: 20px 0; padding: 20px; } /* Custom animation for correct answer */ @keyframes pulse-green { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); } 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); } } /* Custom animation for wrong answer */ @keyframes shake-red { 0%, 100% { transform: translateX(0); } 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } } #pk-quiz-wrapper .correct-answer { background-color: #10b981 !important; color: #ffffff !important; animation: pulse-green 0.6s ease-in-out; } #pk-quiz-wrapper .wrong-answer { background-color: #ef4444 !important; color: #ffffff !important; animation: shake-red 0.5s ease-in-out; } #pk-quiz-wrapper .correct-signal { background-color: #10b981; box-shadow: 0 0 15px #10b981; } #pk-quiz-wrapper .wrong-signal { background-color: #ef4444; box-shadow: 0 0 15px #ef4444; } #pk-quiz-wrapper .quiz-container { max-width: 800px; margin: auto; } .fade-in { animation: fadeIn 0.5s ease-in-out forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes donate-pop { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } #pk-quiz-wrapper .donate-button:hover { animation: donate-pop 0.3s ease-in-out; } /* Force button styling for Jannah Theme compatibility */ #pk-quiz-wrapper button { border: none; cursor: pointer; } Next Quiz Results Total Questions Correct Answers Wrong Answers Percentage Support the Developer If you enjoyed this quiz, consider making a small donation to help me create more tools like this. IBAN: PK40HABB0001947100292703 Bank Name: Habib Bank Limited Account Name: Majid Farooq Country: Pakistan Copy IBAN & Donate IBAN copied to clipboard! Thank you! Developed by Majid Farooq Contact: majidfarooq295@gmail.com // Quiz data const questions = [ { question: "What is the national animal of Pakistan?", options: ["Markhor", "Tiger", "Snow Leopard", "Goat"], correctAnswer: "Markhor" }, { question: "Who was the first President of Pakistan?", options: ["Muhammad Ali Jinnah", "Iskander Mirza", "Ayub Khan", "Zulfiqar Ali Bhutto"], correctAnswer: "Iskander Mirza" }, { question: "Which city is known as the 'City of Lights'?", options: ["Lahore", "Islamabad", "Karachi", "Quetta"], correctAnswer: "Karachi" }, { question: "In which year did Pakistan become a Republic?", options: ["1947", "1956", "1962", "1973"], correctAnswer: "1956" }, { question: "The largest dam in Pakistan is...?", options: ["Mangla Dam", "Tarbela Dam", "Warsak Dam", "Khanpur Dam"], correctAnswer: "Tarbela Dam" }, { question: "Who wrote the national anthem of Pakistan?", options: ["Hafeez Jalandhari", "Allama Muhammad Iqbal", "Faiz Ahmed Faiz", "Ahmed Nadeem Qasmi"], correctAnswer: "Hafeez Jalandhari" }, { question: "Which of the following mountain peaks is located in Pakistan?", options: ["Mount Everest", "K2", "Nanga Parbat", "Both K2 and Nanga Parbat"], correctAnswer: "Both K2 and Nanga Parbat" }, { question: "The national poet of Pakistan is...?", options: ["Mirza Ghalib", "Allama Muhammad Iqbal", "Hafeez Jalandhari", "Ahmad Faraz"], correctAnswer: "Allama Muhammad Iqbal" }, { question: "What is the total number of divisions in Sindh?", options: ["5", "6", "7", "8"], correctAnswer: "7" }, { question: "The historic Khyber Pass connects Pakistan with which country?", options: ["China", "Iran", "Afghanistan", "India"], correctAnswer: "Afghanistan" }, { question: "The ancient city of Taxila is located near which modern city?", options: ["Lahore", "Rawalpindi", "Peshawar", "Multan"], correctAnswer: "Rawalpindi" }, { question: "Who was the first female Prime Minister of Pakistan?", options: ["Fatima Jinnah", "Benazir Bhutto", "Begum Liaquat Ali Khan", "Sardar Fatima Jinnah"], correctAnswer: "Benazir Bhutto" }, { question: "What is the national language of Pakistan?", options: ["Punjabi", "Urdu", "Sindhi", "English"], correctAnswer: "Urdu" }, { question: "Which Pakistani cricketer is known as 'The Rawalpindi Express'?", options: ["Wasim Akram", "Shoaib Akhtar", "Imran Khan", "Javed Miandad"], correctAnswer: "Shoaib Akhtar" }, { question: "The Gwadar Port is located in which province of Pakistan?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Balochistan" }, { question: "When did Pakistan conduct its first nuclear tests?", options: ["1998", "1988", "1999", "2000"], correctAnswer: "1998" }, { question: "The Karakoram Highway connects Pakistan with which country?", options: ["India", "China", "Iran", "Afghanistan"], correctAnswer: "China" }, { question: "The founder of the All-India Muslim League was...?", options: ["Muhammad Ali Jinnah", "Sir Syed Ahmed Khan", "Nawab Waqar-ul-Mulk", "Nawab Salimullah Khan"], correctAnswer: "Nawab Salimullah Khan" }, { question: "Which province of Pakistan has the largest area?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Balochistan" }, { question: "The name of the parliament of Pakistan is...?", options: ["Majlis-e-Shura", "National Assembly", "Senate", "Parliament House"], correctAnswer: "Majlis-e-Shura" }, { question: "Who was the first Chief of Army Staff of Pakistan?", options: ["General Frank Messervy", "General Sir Douglas Gracey", "Field Marshal Ayub Khan", "General Muhammad Musa Khan"], correctAnswer: "General Sir Douglas Gracey" }, { question: "The national bird of Pakistan is...?", options: ["Chukar Partridge", "Eagle", "Falcon", "Sparrow"], correctAnswer: "Chukar Partridge" }, { question: "In which year did Pakistan join the United Nations?", options: ["1947", "1948", "1950", "1951"], correctAnswer: "1947" }, { question: "The oldest university in Pakistan is...?", options: ["University of the Punjab", "University of Karachi", "University of Peshawar", "NED University of Engineering and Technology"], correctAnswer: "University of the Punjab" }, { question: "Which river is the longest in Pakistan?", options: ["Sutlej", "Chenab", "Jhelum", "Indus"], correctAnswer: "Indus" }, { question: "The highest railway station in Pakistan is located in...?", options: ["Quetta", "Murree", "Khan Mehtarzai", "Ziarat"], correctAnswer: "Khan Mehtarzai" }, { question: "The 'Quaid-e-Azam' title was given to Muhammad Ali Jinnah by...?", options: ["Allama Iqbal", "Maulana Mazharuddin", "Maulana Muhammad Ali Jauhar", "The people of Pakistan"], correctAnswer: "Maulana Mazharuddin" }, { question: "Which Pakistani city is famous for its sports goods industry?", options: ["Sialkot", "Lahore", "Faisalabad", "Multan"], correctAnswer: "Sialkot" }, { question: "The 'Minar-e-Pakistan' was built to commemorate...?", options: ["Pakistan Resolution", "Independence Day", "Jinnah's speech", "Allama Iqbal's death"], correctAnswer: "Pakistan Resolution" }, { question: "Who was the first Chief Justice of Pakistan?", options: ["Sir Abdur Rashid", "Sir Mian Abdul Rashid", "Sir Shah Sulaiman", "Sir Abdur Rahim"], correctAnswer: "Sir Abdur Rashid" }, { question: "The total length of Pakistan's coastline is approximately...?", options: ["850 km", "1046 km", "1200 km", "1500 km"], correctAnswer: "1046 km" }, { question: "The 'Rani Kot Fort' is located in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Sindh" }, { question: "The largest man-made forest in Pakistan is...?", options: ["Changa Manga", "Miyani", "Tarbela", "Jallo"], correctAnswer: "Changa Manga" }, { question: "Who designed the national flag of Pakistan?", options: ["Muhammad Ali Jinnah", "Allama Iqbal", "Amiruddin Kidwai", "Liaquat Ali Khan"], correctAnswer: "Amiruddin Kidwai" }, { question: "The first female pilot of the Pakistan Air Force was...?", options: ["Aisha Farooq", "Maryam Mukhtiar", "Saba Khan", "Fahimuddin Khan"], correctAnswer: "Aisha Farooq" }, { question: "The largest desert in Pakistan is...?", options: ["Thal Desert", "Cholistan Desert", "Thar Desert", "Katpana Desert"], correctAnswer: "Thar Desert" }, { question: "Who was the last Governor-General of Pakistan?", options: ["Iskander Mirza", "Ghulam Muhammad", "Malik Farooq", "Malik Ghulam Muhammad"], correctAnswer: "Malik Ghulam Muhammad" }, { question: "The highest court of Pakistan is...?", options: ["High Court", "Federal Shariat Court", "Supreme Court", "District Court"], correctAnswer: "Supreme Court" }, { question: "The 'Mohenjo-daro' is located in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Sindh" }, { question: "Who was the first Pakistani to receive the Nobel Prize?", options: ["Dr. Abdus Salam", "Dr. A. Q. Khan", "Malala Yousafzai", "Dr. Tahir ul Qadri"], correctAnswer: "Dr. Abdus Salam" }, { question: "Pakistan's first satellite was named...?", options: ["Badr-1", "Pak-Sat", "Shaheen-1", "Al-Badr"], correctAnswer: "Badr-1" }, { question: "The 'Makli Necropolis' is a UNESCO World Heritage Site in which city?", options: ["Karachi", "Thatta", "Lahore", "Multan"], correctAnswer: "Thatta" }, { question: "The national sport of Pakistan is...?", options: ["Cricket", "Hockey", "Football", "Squash"], correctAnswer: "Hockey" }, { question: "The 'Kirthar National Park' is located in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Sindh" }, { question: "What is the capital of Balochistan?", options: ["Gwadar", "Quetta", "Ziarat", "Khuzdar"], correctAnswer: "Quetta" }, { question: "The famous 'Shalimar Gardens' are located in which city?", options: ["Lahore", "Islamabad", "Multan", "Peshawar"], correctAnswer: "Lahore" }, { question: "Who was the first female Governor of the State Bank of Pakistan?", options: ["Shamshad Akhtar", "Dr. Ishrat Husain", "Shazad Farooq", "Talat Mehmood"], correctAnswer: "Shamshad Akhtar" }, { question: "The second highest mountain in Pakistan is...?", options: ["Nanga Parbat", "K2", "Broad Peak", "Gasherbrum I"], correctAnswer: "Nanga Parbat" }, { question: "The 'Badshahi Mosque' was built by which Mughal emperor?", options: ["Akbar", "Jahangir", "Shah Jahan", "Aurangzeb"], correctAnswer: "Aurangzeb" }, { question: "The 'Hub Dam' is located on the border of which two provinces?", options: ["Punjab & Sindh", "Sindh & Balochistan", "Balochistan & KPK", "Punjab & KPK"], correctAnswer: "Sindh & Balochistan" }, { question: "The first Pakistani woman to climb Mount Everest was...?", options: ["Samina Baig", "Naila Kiani", "Sadia Khan", "Asma Farooq"], correctAnswer: "Samina Baig" }, { question: "The largest natural freshwater lake in Pakistan is...?", options: ["Manchar Lake", "Haleji Lake", "Keenjhar Lake", "Saiful Muluk Lake"], correctAnswer: "Manchar Lake" }, { question: "The famous 'Rohtas Fort' is located near which city?", options: ["Jehlum", "Gujrat", "Sialkot", "Lahore"], correctAnswer: "Jehlum" }, { question: "Who was the first Foreign Minister of Pakistan?", options: ["Liaquat Ali Khan", "Sir Zafarullah Khan", "Chaudhry Muhammad Ali", "Hussain Shaheed Suhrawardy"], correctAnswer: "Sir Zafarullah Khan" }, { question: "The total number of districts in Punjab province is...?", options: ["36", "38", "40", "42"], correctAnswer: "36" }, { question: "The 'Ziarat Residency' is famous for its association with...?", options: ["Quaid-e-Azam", "Allama Iqbal", "Liaquat Ali Khan", "Fatima Jinnah"], correctAnswer: "Quaid-e-Azam" }, { question: "Pakistan's national fruit is...?", options: ["Mango", "Dates", "Banana", "Apple"], correctAnswer: "Mango" }, { question: "The 'Khewda Salt Mine' is the world's second-largest salt mine and is located in...?", options: ["Balochistan", "Sindh", "Khyber Pakhtunkhwa", "Punjab"], correctAnswer: "Punjab" }, { question: "Who was the first Governor of the State Bank of Pakistan?", options: ["Zahid Hussain", "Ghulam Muhammad", "Syed Amjad Ali", "H. B. G. Zafar"], correctAnswer: "Zahid Hussain" }, { question: "The 'Ayub Bridge' is located in which city?", options: ["Rawalpindi", "Sukkur", "Peshawar", "Karachi"], correctAnswer: "Sukkur" }, { question: "The 'Gwadar Port' was inaugurated in...?", options: ["2002", "2007", "2010", "2012"], correctAnswer: "2007" }, { question: "The 'Quaid-e-Azam's' sister's name was...?", options: ["Fatima Jinnah", "Shirin Jinnah", "Rukhsana Jinnah", "Dina Wadia"], correctAnswer: "Fatima Jinnah" }, { question: "The largest province of Pakistan by population is...?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Punjab" }, { question: "The 'Faisal Mosque' is located in which city?", options: ["Karachi", "Lahore", "Peshawar", "Islamabad"], correctAnswer: "Islamabad" }, { question: "The 'Satpara Dam' is located in which region?", options: ["Gilgit-Baltistan", "Azad Kashmir", "Punjab", "Khyber Pakhtunkhwa"], correctAnswer: "Gilgit-Baltistan" }, { question: "Who was the first woman appointed as a judge of the High Court in Pakistan?", options: ["Justice Khalida Rashid Khan", "Justice Nasira Iqbal", "Justice Majida Rizvi", "Justice Tahira Safdar"], correctAnswer: "Justice Majida Rizvi" }, { question: "Pakistan's national flower is...?", options: ["Jasmine", "Rose", "Tulip", "Lily"], correctAnswer: "Jasmine" }, { question: "The 'Tomb of Allama Iqbal' is in which city?", options: ["Sialkot", "Lahore", "Karachi", "Islamabad"], correctAnswer: "Lahore" }, { question: "The 'Hingol National Park' is located in...?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Balochistan" }, { question: "Who was the first Pakistani to receive the Nishan-e-Haider?", options: ["Captain Muhammad Sarwar", "Major Aziz Bhatti", "Major Shabbir Sharif", "Rashid Minhas"], correctAnswer: "Captain Muhammad Sarwar" }, { question: "The 'Shalamar Gardens' were built during the reign of which emperor?", options: ["Akbar", "Jahangir", "Shah Jahan", "Aurangzeb"], correctAnswer: "Shah Jahan" }, { question: "The 'Gomal Zam Dam' is located in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Khyber Pakhtunkhwa" }, { question: "The 'Indus Valley Civilization' site of Harappa is located near which modern city?", options: ["Multan", "Sahiwal", "Lahore", "Faisalabad"], correctAnswer: "Sahiwal" }, { question: "Who was the first Pakistani woman to become a parliamentarian?", options: ["Benazir Bhutto", "Begum Shaista Ikramullah", "Begum Ra'ana Liaquat Ali Khan", "Fahimuddin Khan"], correctAnswer: "Begum Shaista Ikramullah" }, { question: "The 'Shah Jahan Mosque' is located in which city?", options: ["Thatta", "Lahore", "Karachi", "Multan"], correctAnswer: "Thatta" }, { question: "The 'Gwadar Port' is part of which mega project?", options: ["China-Pakistan Economic Corridor", "Belt and Road Initiative", "Both a & b", "None of these"], correctAnswer: "Both a & b" }, { question: "What is the literacy rate of Pakistan (approx.)?", options: ["40%", "50%", "60%", "70%"], correctAnswer: "60%" }, { question: "The highest battlefield in the world, Siachen, is located in...?", options: ["Kashmir", "Gilgit-Baltistan", "Punjab", "Khyber Pakhtunkhwa"], correctAnswer: "Gilgit-Baltistan" }, { question: "The first capital of Pakistan was...?", options: ["Lahore", "Karachi", "Islamabad", "Rawalpindi"], correctAnswer: "Karachi" }, { question: "Who was the founder of the 'Hamdard Foundation'?", options: ["Hakeem Muhammad Said", "Maulana Muhammad Ali Jauhar", "Dr. A. Q. Khan", "Allama Iqbal"], correctAnswer: "Hakeem Muhammad Said" }, { question: "The 'Lal Suhanra National Park' is located in...?", options: ["Sindh", "Balochistan", "Punjab", "Khyber Pakhtunkhwa"], correctAnswer: "Punjab" }, { question: "The 'Makran Coastal Highway' connects Karachi with which city?", options: ["Gwadar", "Turbat", "Pasni", "Jiwni"], correctAnswer: "Gwadar" }, { question: "The 'Indus River Dolphin' is found in which river?", options: ["Jhelum", "Chenab", "Sutlej", "Indus"], correctAnswer: "Indus" }, { question: "The 'Attock Fort' was built by which Mughal emperor?", options: ["Humayun", "Akbar", "Jahangir", "Shah Jahan"], correctAnswer: "Akbar" }, { question: "The 'Salt Range' is located in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Punjab" }, { question: "Who was the first woman to win the 'Tamgha-e-Jurat'?", options: ["Begum Ra'ana Liaquat Ali Khan", "Benazir Bhutto", "Ayesha Farooq", "Shamshad Akhtar"], correctAnswer: "Begum Ra'ana Liaquat Ali Khan" }, { question: "The 'Faisalabad Clock Tower' has how many gates?", options: ["6", "7", "8", "9"], correctAnswer: "8" }, { question: "The 'Tomb of Shah Abdul Latif Bhittai' is in which city?", options: ["Bhitt Shah", "Karachi", "Hyderabad", "Sukkur"], correctAnswer: "Bhitt Shah" }, { question: "What is the national motto of Pakistan?", options: ["Unity, Faith, Discipline", "Progress, Prosperity, Peace", "Liberty, Equality, Fraternity", "Justice, Unity, Faith"], correctAnswer: "Unity, Faith, Discipline" }, { question: "The 'Khewra Salt Mines' are located in which district?", options: ["Jhelum", "Chakwal", "Rawalpindi", "Mianwali"], correctAnswer: "Jhelum" }, { question: "The 'Mazar-e-Quaid' is in which city?", options: ["Lahore", "Karachi", "Islamabad", "Peshawar"], correctAnswer: "Karachi" }, { question: "The 'Kalash Valleys' are located in which region?", options: ["Swat", "Chitral", "Hunza", "Skardu"], correctAnswer: "Chitral" }, { question: "The 'Mankial Sharif' is a pilgrimage site in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Khyber Pakhtunkhwa" }, { question: "The 'Neelum Valley' is a tourist destination in...?", options: ["Azad Kashmir", "Gilgit-Baltistan", "Punjab", "Sindh"], correctAnswer: "Azad Kashmir" }, { question: "The 'Deosai National Park' is located in which region?", options: ["Khyber Pakhtunkhwa", "Gilgit-Baltistan", "Punjab", "Azad Kashmir"], correctAnswer: "Gilgit-Baltistan" }, { question: "The 'Lahore Fort' is a UNESCO World Heritage Site in which city?", options: ["Lahore", "Islamabad", "Multan", "Peshawar"], correctAnswer: "Lahore" }, { question: "The 'Shah Faisal Mosque' was funded by which country?", options: ["Saudi Arabia", "United Arab Emirates", "Iran", "Turkey"], correctAnswer: "Saudi Arabia" }, { question: "The 'Takht-i-Bahi' is an ancient Buddhist monastic complex in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Khyber Pakhtunkhwa" }, { question: "Who was the first Prime Minister of Pakistan?", options: ["Muhammad Ali Jinnah", "Liaquat Ali Khan", "Khawaja Nazimuddin", "Sardar Abdur Rab Nishtar"], correctAnswer: "Liaquat Ali Khan" }, { question: "The 'Nanga Parbat' is also known as...?", options: ["Killer Mountain", "The Mighty Peak", "The White Mountain", "The High Peak"], correctAnswer: "Killer Mountain" }, { question: "The 'Ranikot Fort' is located in which district of Sindh?", options: ["Karachi", "Hyderabad", "Jamshoro", "Dadu"], correctAnswer: "Jamshoro" }, { question: "The 'Bolan Pass' connects Pakistan with...?", options: ["Iran", "Afghanistan", "China", "India"], correctAnswer: "Afghanistan" }, { question: "The 'Minar-e-Pakistan' was completed in which year?", options: ["1960", "1968", "1970", "1975"], correctAnswer: "1968" }, { question: "The 'Salt Range' mountains are famous for...?", options: ["Salt deposits", "Coal mines", "Gold mines", "Iron ore"], correctAnswer: "Salt deposits" }, { question: "What is the approximate size of the Thar Desert in Pakistan?", options: ["20,000 sq km", "30,000 sq km", "40,000 sq km", "50,000 sq km"], correctAnswer: "20,000 sq km" }, { question: "The 'Anarkali Bazaar' is located in which city?", options: ["Lahore", "Karachi", "Peshawar", "Multan"], correctAnswer: "Lahore" }, { question: "The 'Makli Necropolis' is famous for its...?", options: ["Graves and tombs", "Ancient ruins", "Fortresses", "Temples"], correctAnswer: "Graves and tombs" }, { question: "The 'Shahjahan Mosque' is a historic mosque in which city?", options: ["Thatta", "Sialkot", "Lahore", "Multan"], correctAnswer: "Thatta" }, { question: "Who was the first Chief Justice of the Supreme Court of Pakistan?", options: ["Sir Abdur Rashid", "Justice Alvin Robert Cornelius", "Justice Muhammad Munir", "Justice M.H.J. Kureshi"], correctAnswer: "Sir Abdur Rashid" }, { question: "The 'Kirthar National Park' is home to...?", options: ["Leopards", "Markhor", "Ibex", "All of the above"], correctAnswer: "Ibex" }, { question: "The 'Kaghan Valley' is located in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Khyber Pakhtunkhwa" }, { question: "The 'Karakoram Highway' is also known as...?", options: ["Friendship Highway", "Silk Road", "Grand Trunk Road", "Indus Highway"], correctAnswer: "Friendship Highway" }, { question: "The 'Sassi Puno' folklore is associated with which region?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Sindh" }, { question: "The 'Islamabad' city was built in the...?", options: ["1950s", "1960s", "1970s", "1980s"], correctAnswer: "1960s" }, { question: "The 'Tarbela Dam' is built on which river?", options: ["Indus", "Jhelum", "Sutlej", "Chenab"], correctAnswer: "Indus" }, { question: "The 'Shrine of Shah Rukn-e-Alam' is located in...?", options: ["Lahore", "Multan", "Karachi", "Peshawar"], correctAnswer: "Multan" }, { question: "The 'Khunjerab Pass' connects Pakistan with which country?", options: ["India", "China", "Iran", "Afghanistan"], correctAnswer: "China" }, { question: "The 'Pakistan Resolution' was passed in which year?", options: ["1930", "1940", "1947", "1948"], correctAnswer: "1940" }, { question: "The 'Port Qasim' is located in which city?", options: ["Karachi", "Gwadar", "Pasni", "Lahore"], correctAnswer: "Karachi" }, { question: "The 'Wagah Border' is a crossing point between Pakistan and...?", options: ["India", "Afghanistan", "Iran", "China"], correctAnswer: "India" }, { question: "The 'Lal Shahbaz Qalandar' shrine is located in...?", options: ["Thatta", "Sehwan Sharif", "Karachi", "Sukkur"], correctAnswer: "Sehwan Sharif" }, { question: "The 'Pakistan Monument' is located in which city?", options: ["Lahore", "Karachi", "Peshawar", "Islamabad"], correctAnswer: "Islamabad" }, { question: "The 'Saidpur Village' is a historical village in...?", options: ["Lahore", "Karachi", "Islamabad", "Peshawar"], correctAnswer: "Islamabad" }, { question: "The 'Rani Kot Fort' is also known as...?", options: ["Great Wall of Sindh", "Great Wall of Pakistan", "Great Wall of Punjab", "Great Wall of Balochistan"], correctAnswer: "Great Wall of Sindh" }, { question: "The 'Pakistan Steel Mills' are located in...?", options: ["Karachi", "Lahore", "Sialkot", "Faisalabad"], correctAnswer: "Karachi" }, { question: "The 'Chaukhandi Tombs' are a famous historic site near...?", options: ["Thatta", "Karachi", "Multan", "Lahore"], correctAnswer: "Karachi" }, { question: "The 'Tomb of Bibi Jawindi' is located in...?", options: ["Uch Sharif", "Multan", "Lahore", "Sialkot"], correctAnswer: "Uch Sharif" }, { question: "The 'Banjosa Lake' is a tourist attraction in...?", options: ["Azad Kashmir", "Gilgit-Baltistan", "Punjab", "Khyber Pakhtunkhwa"], correctAnswer: "Azad Kashmir" }, { question: "The 'Siri Fort' is located in which city?", options: ["Islamabad", "Rawalpindi", "Attock", "Multan"], correctAnswer: "Islamabad" }, { question: "The 'Pakistan National Council of the Arts' is located in...?", options: ["Karachi", "Lahore", "Islamabad", "Peshawar"], correctAnswer: "Islamabad" }, { question: "The 'Fairy Meadows' are located at the base of which mountain?", options: ["K2", "Nanga Parbat", "Rakaposhi", "Tirich Mir"], correctAnswer: "Nanga Parbat" }, { question: "The 'Tomb of Allama Iqbal' was built in which year?", options: ["1950", "1951", "1952", "1953"], correctAnswer: "1951" }, { question: "The 'Gadani Ship Breaking Yard' is located in which province?", options: ["Punjab", "Sindh", "Balochistan", "Khyber Pakhtunkhwa"], correctAnswer: "Balochistan" }, { question: "The 'Taxila Museum' is famous for its collection of...?", options: ["Islamic art", "Buddhist art", "Mughal artifacts", "Sikh artifacts"], correctAnswer: "Buddhist art" }, { question: "The 'Mianwali District' is famous for...?", options: ["Coal", "Gold", "Petroleum", "Salt"], correctAnswer: "Petroleum" }, { question: "The 'Lok Virsa Museum' is located in which city?", options: ["Lahore", "Karachi", "Islamabad", "Peshawar"], correctAnswer: "Islamabad" }, { question: "The 'Rohtas Fort' is a UNESCO World Heritage Site in which district?", options: ["Jhelum", "Gujrat", "Rawalpindi", "Sialkot"], correctAnswer: "Jhelum" }, { question: "The 'Cholistan Desert' is in which province?", options: ["Sindh", "Balochistan", "Punjab", "Khyber Pakhtunkhwa"], correctAnswer: "Punjab" } ]; let currentQuestionIndex = 0; let score = 0; let isAnswerSelected = false; // DOM Elements - Scoped to the wrapper const wrapper = document.getElementById('pk-quiz-wrapper'); const questionCountEl = wrapper.querySelector('#question-count'); const questionTextEl = wrapper.querySelector('#question-text'); const optionsContainerEl = wrapper.querySelector('#options-container'); const messageBoxEl = wrapper.querySelector('#message-box'); const nextButtonEl = wrapper.querySelector('#next-button'); const signalBoxEl = wrapper.querySelector('#signal-box'); const quizContainerEl = wrapper.querySelector('#quiz-container'); const resultsContainerEl = wrapper.querySelector('#results-container'); const totalQuestionsCell = wrapper.querySelector('#total-questions-cell'); const correctAnswersCell = wrapper.querySelector('#correct-answers-cell'); const wrongAnswersCell = wrapper.querySelector('#wrong-answers-cell'); const percentageCell = wrapper.querySelector('#percentage-cell'); const donationSectionEl = wrapper.querySelector('#donation-section'); const donateButtonEl = wrapper.querySelector('#donate-button'); const donationMessageEl = wrapper.querySelector('#donation-message'); // Function to shuffle an array const 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; }; // Shuffle the questions once const shuffledQuestions = shuffleArray([...questions]); // Function to load a question const loadQuestion = () => { isAnswerSelected = false; messageBoxEl.classList.add('hidden'); nextButtonEl.classList.add('hidden'); signalBoxEl.classList.remove('correct-signal', 'wrong-signal'); if (currentQuestionIndex < shuffledQuestions.length) { const currentQuestion = shuffledQuestions[currentQuestionIndex]; questionCountEl.textContent = `Question ${currentQuestionIndex + 1} of ${shuffledQuestions.length}`; questionTextEl.textContent = currentQuestion.question; optionsContainerEl.innerHTML = ''; // Shuffle options for each question const shuffledOptions = shuffleArray([...currentQuestion.options]); shuffledOptions.forEach(option => { const button = document.createElement('button'); button.textContent = option; button.classList.add('bg-gray-700', 'text-white', 'font-semibold', 'py-4', 'px-6', 'rounded-xl', 'shadow-md', 'hover:bg-gray-600', 'transition-colors', 'duration-200', 'w-full', 'text-left'); button.addEventListener('click', () => checkAnswer(button, option, currentQuestion.correctAnswer)); optionsContainerEl.appendChild(button); }); } else { showResults(); } }; // Function to check the answer const checkAnswer = (selectedButton, selectedOption, correctAnswer) => { if (isAnswerSelected) return; isAnswerSelected = true; const allOptions = optionsContainerEl.querySelectorAll('button'); allOptions.forEach(button => { button.disabled = true; if (button.textContent === correctAnswer) { // Highlight the correct answer button.classList.add('correct-answer'); } }); if (selectedOption === correctAnswer) { score++; messageBoxEl.textContent = 'Correct!'; messageBoxEl.classList.remove('wrong-signal', 'hidden', 'text-red-500'); messageBoxEl.classList.add('correct-signal', 'text-white', 'fade-in'); signalBoxEl.classList.add('correct-signal'); } else { messageBoxEl.textContent = 'Wrong! The correct answer is: ' + correctAnswer; messageBoxEl.classList.remove('correct-signal', 'hidden', 'text-green-500'); messageBoxEl.classList.add('wrong-signal', 'text-white', 'fade-in'); selectedButton.classList.add('wrong-answer'); signalBoxEl.classList.add('wrong-signal'); } nextButtonEl.classList.remove('hidden'); }; // Function to handle next button click const nextQuestion = () => { currentQuestionIndex++; loadQuestion(); }; // Function to show the results const showResults = () => { const totalQuestions = shuffledQuestions.length; const correctAnswers = score; const wrongAnswers = totalQuestions - score; const percentage = ((correctAnswers / totalQuestions) * 100).toFixed(2); totalQuestionsCell.textContent = totalQuestions; correctAnswersCell.textContent = correctAnswers; wrongAnswersCell.textContent = wrongAnswers; percentageCell.textContent = `${percentage}%`; quizContainerEl.classList.add('hidden'); resultsContainerEl.classList.remove('hidden'); donationSectionEl.classList.remove('hidden'); }; // Function to copy bank details to clipboard const copyToClipboard = (text) => { const textArea = document.createElement('textarea'); textArea.value = text; textArea.style.position = 'fixed'; textArea.style.opacity = '0'; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { document.execCommand('copy'); donationMessageEl.classList.remove('hidden'); setTimeout(() => { donationMessageEl.classList.add('hidden'); }, 3000); } catch (err) { console.error('Failed to copy text', err); } document.body.removeChild(textArea); }; // Event Listeners nextButtonEl.addEventListener('click', nextQuestion); donateButtonEl.addEventListener('click', () => { const ibanText = document.getElementById('iban-text').textContent; copyToClipboard(ibanText); }); // Initial load loadQuestion();
