Pandyas of Madurai free mock test 1

 Pandyas of Madurai free mock test 1

Pandyas kings of madurai free mock tests

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pandyas of Madurai free Interactive Quiz - Test Your Knowledge | [www.osmanian.com]</title>
    <meta name="description" content="Take this interactive quiz to test your knowledge on Panyas of Madurai. Enter your name, answer questions, and share your results!">
    <meta name="keywords" content="interactive quiz, knowledge test, online quiz, trivia challenge">
    <meta property="og:title" content="Pandyas of Madurai free Interactive Quiz - Test Your Knowledge">
    <meta property="og:description" content="Challenge yourself with this Pandyas of Madurai free interactive quiz. Share your score with friends!">
    <meta property="og:type" content="www.osmanian.com">
    <meta property="og:url" content="https://yourwebsite.com/quiz">
    <meta property="og:image" content="https://yourwebsite.com/quiz-image.jpg">
    <link rel="canonical" href="https://yourwebsite.com/quiz">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        @font-face {
            font-family: 'Mallanna';
            src: url('https://fonts.googleapis.com/css2?family=Mallanna&display=swap');
        }
        @font-face {
            font-family: 'Garamond';
            src: local('Garamond'), serif;
        }
        
        body {
            font-family: 'Garamond', serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        .telugu {
            font-family: 'Mallanna', sans-serif;
        }
        .quiz-container {
            display: none;
        }
        .start-container {
            text-align: center;
            margin-top: 50px;
        }
        #question {
            font-weight: bold;
        }
        .option {
            padding: 10px;
            margin: 5px;
            border: 2px solid #666;
            cursor: pointer;
        }
        .correct {
            background-color: #90ee90;
        }
        .wrong {
            background-color: #ff9999;
        }
        .question-numbers {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            margin-top: 20px;
            max-width: 800px;
            overflow-x: auto;
        }
        .q-number {
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #ccc;
            cursor: pointer;
        }
        .q-number.correct {
            background-color: #90ee90;
            font-weight: bold;
        }
        .q-number.wrong {
            background-color: #ff9999;
            font-weight: bold;
        }
        .results {
            border: 2px solid #333;
            padding: 20px;
            margin-top: 20px;
            background-color: #FFF8E7;
        }
        .nav-buttons {
            margin: 20px 0;
        }
        .stats {
            margin: 10px 0;
            color: #008080;
        }
        .whatsapp-btn {
            background-color: #25D366;
            color: white;
            padding: 10px 15px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
        }
    </style>
</head>
<body>
    <header class="start-container">
        <h1>Enter Your Name to Start the Interactive Quiz</h1>
        <input type="text" id="userName" placeholder="Your Name">
        <button onclick="startQuiz()">Start Quiz</button>
    </header>
 
    <main class="quiz-container">
        <section class="stats">
            Questions Attempted: <span id="attempted">0</span> | 
            Correct Answers: <span id="correctCount">0</span> | 
            Percentage: <span id="percentage">0%</span>
        </section>
        <section>
            <div id="question"></div>
            <img id="questionImage" style="max-width: 100%; display: none;" alt="Quiz question illustration">
            <div id="options"></div>
        </section>
        <nav class="nav-buttons">
            <button onclick="prevQuestion()">Previous</button>
            <button onclick="nextQuestion()">Next</button>
        </nav>
        <div class="question-numbers" id="questionNumbers"></div>
    </main>
 
    <section id="results" class="results" style="display: none;"></section>
 
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Quiz",
        "name": "Interactive Knowledge Quiz",
        "description": "A fun and engaging quiz to test your general knowledge.",
        "educationalLevel": "Beginner",
        "numberOfItems": 2,
        "author": {
            "@type": "Organization",
            "name": "[Your Website Name]"
        }
    }
    </script>
 
    <script>
        const questions = [
          

  {

    "q": "Who led the invasion of the Pandya kingdom under Ala-ud-din Khalji?",

    "img": "",

    "options": ["Ghiyas-ud-din Tughluq", "Malik Kafur", "Khusrau", "Prataparudra"],

    "answer": 1

  },

  {

    "q": "What was the main impact of Malik Kafur’s invasion of the Pandya kingdom?",

    "img": "",

    "options": ["Complete annexation by the Delhi Sultanate", "Establishment of a new ruling dynasty", "A plundering raid without serious annexation", "Formation of a Pandya-Khalji alliance"],

    "answer": 2

  },

  {

    "q": "Who temporarily subjugated the Pandyas in 1312–13?",

    "img": "",

    "options": ["Vira Pandya", "Jauna Khan", "Ravivarma Kulasekhara", "Prataparudra"],

    "answer": 2

  },

  {

    "q": "Which ruler helped Vira Pandya recover some Pandya power?",

    "img": "",

    "options": ["Malik Kafur", "Prataparudra", "Ravivarma Kulasekhara", "Hoyasala ally"],

    "answer": 3

  },

  {

    "q": "Which external ruler occupied a part of the Pandya kingdom?",

    "img": "",

    "options": ["Ghiyas-ud-din Tughluq", "Prataparudra", "Mubarak Khalji", "Ravivarma Kulasekhara"],

    "answer": 1

  },

  {

    "q": "Who led an expedition against the Pandyas during the reign of Mubarak Khalji?",

    "img": "",

    "options": ["Malik Kafur", "Khusrau", "Jauna Khan", "Prataparudra"],

    "answer": 1

  },

  {

    "q": "In which year did Jauna Khan conquer Madurai?",

    "img": "",

    "options": ["1312", "1315", "1323", "1411"],

    "answer": 2

  },

  {

    "q": "What evidence suggests the Pandya dynasty was not completely extinct after 1323?",

    "img": "",

    "options": ["Foreign accounts mentioning them", "Local oral traditions", "Inscriptions found between 1315–1411", "Chronicles from the Delhi Sultanate"],

    "answer": 2

  },

  {

    "q": "What was a major factor that weakened the Pandya rule apart from Malik Kafur's invasion?",

    "img": "",

    "options": ["A great famine", "War of succession among Pandya princes", "The rise of the Vijayanagara Empire", "A treaty with the Delhi Sultanate"],

    "answer": 1

  },

  {

    "q": "What encouraged some feudatories to declare independence from the Pandyas?",

    "img": "",

    "options": ["Economic prosperity", "Support from the Delhi Sultanate", "Factional strife among Pandya princes", "Foreign alliances"],

    "answer": 2

  },

  {

    "q": "Who finally conquered Madurai in 1323?",

    "img": "",

    "options": ["Ravivarma Kulasekhara", "Malik Kafur", "Jauna Khan", "Prataparudra"],

    "answer": 2

  },

  {

    "q": "Who was Jauna Khan?",

    "img": "",

    "options": ["Son of Ghiyas-ud-din Tughluq", "Commander under Ala-ud-din Khalji", "King of the Kakatiya dynasty", "A Pandya ruler"],

    "answer": 0

  },

  {

    "q": "Which Delhi Sultanate ruler's reign saw an expedition against the Pandyas led by Khusrau?",

    "img": "",

    "options": ["Ghiyas-ud-din Tughluq", "Mubarak Khalji", "Ala-ud-din Khalji", "Feroz Shah Tughluq"],

    "answer": 1

  },

  {

    "q": "Who was the Kakatiya ruler that occupied a part of the Pandya kingdom?",

    "img": "",

    "options": ["Rudrama Devi", "Ganapati Deva", "Prataparudra", "Malik Kafur"],

    "answer": 2

  },

  {

    "q": "Which year marks the temporary subjugation of the Pandyas by Ravivarma Kulasekhara?",

    "img": "",

    "options": ["1300–1301", "1312–1313", "1323–1325", "1411–1415"],

    "answer": 1

  },

  {

    "q": "What helped Vira Pandya recover some of his lost power?",

    "img": "",

    "options": ["Assistance from a Hoyasala ally", "Treaty with the Delhi Sultanate", "Alliance with Kakatiya rulers", "Help from the Vijayanagara Empire"],

    "answer": 0

  },

  {

    "q": "Which of the following is NOT mentioned as a cause of Pandya disintegration?",

    "img": "",

    "options": ["Invasion by Malik Kafur", "Factional strife among Pandya princes", "Strong naval attacks from Sri Lanka", "Invasion by Kakatiya Prataparudra"],

    "answer": 2

  },

  {

    "q": "What suggests that the Pandya dynasty continued to exist even after Madurai's capture?",

    "img": "",

    "options": ["Literary texts from the Vijayanagara Empire", "Inscriptions found from 1315 to 1411", "Coins issued by later Pandya rulers", "Support from the Chola dynasty"],

    "answer": 1

  },

  {

    "q": "What was the primary reason for Malik Kafur’s invasion of the Pandya kingdom?",

    "img": "",

    "options": ["To establish direct Delhi Sultanate rule", "To create an alliance with the Pandyas", "A plundering raid for wealth", "To support a Pandya prince in a succession war"],

    "answer": 2

  },

  {

    "q": "What effect did the war of succession among the Pandya princes have on their kingdom?",

    "img": "",

    "options": ["Strengthened their rule", "Paved the way for external invasions and internal disintegration", "Led to a long period of peace and stability", "United the kingdom under a single ruler"],

    "answer": 1

  },

  {

    "q": "Which dynasty did the Hoyasala rulers belong to?",

    "img": "",

    "options": ["Chola", "Kakatiya", "Vijayanagara", "Hoyasala"],

    "answer": 3

  },

  {

    "q": "What was the final major threat to the Pandyas in 1323?",

    "img": "",

    "options": ["The rise of the Vijayanagara Empire", "An invasion by Jauna Khan", "The expansion of the Chola dynasty", "An economic collapse"],

    "answer": 1

  },

  {

    "q": "Under whose reign did Khusrau lead an expedition against the Pandyas?",

    "img": "",

    "options": ["Ala-ud-din Khalji", "Mubarak Khalji", "Ghiyas-ud-din Tughluq", "Jauna Khan"],

    "answer": 1

  },

  {

    "q": "How did the Kakatiya dynasty impact the Pandya kingdom?",

    "img": "",

    "options": ["They allied with the Pandyas against the Delhi Sultanate", "They occupied part of the Pandya kingdom", "They supported the Pandyas in resisting invasions", "They remained neutral in South Indian conflicts"],

    "answer": 1

  },

  {

    "q": "What happened to the Pandya kingdom after Jauna Khan’s conquest?",

    "img": "",

    "options": ["It completely disappeared from history", "Inscriptions suggest some Pandyas continued ruling in parts of Tamil Nadu", "The kingdom became part of the Vijayanagara Empire immediately", "The Pandyas fled to Sri Lanka and ruled from there"],

    "answer": 1

  },

  {

    "q": "During which period were inscriptions of the Pandyas still found?",

    "img": "",

    "options": ["1200–1300", "1315–1411", "1400–1500", "1500–1600"],

    "answer": 1

  },

  {

    "q": "Which of the following rulers is NOT associated with an invasion of the Pandya kingdom?",

    "img": "",

    "options": ["Malik Kafur", "Prataparudra", "Jauna Khan", "Rajendra Chola"],

    "answer": 3

  },

  {

    "q": "What was the role of Ravivarma Kulasekhara in the history of the Pandyas?",

    "img": "",

    "options": ["He invaded and temporarily subjugated the Pandyas in 1312–13", "He was the last Pandya ruler", "He defeated the Delhi Sultanate and restored Pandya rule", "He formed an alliance with Jauna Khan"],

    "answer": 0

  },

  {

    "q": "Which external empire played a role in the weakening of the Pandya rule apart from the Delhi Sultanate?",

    "img": "",

    "options": ["Vijayanagara Empire", "Kakatiya Dynasty", "Chola Dynasty", "Pallava Dynasty"],

    "answer": 1

  },

  {

    "q": "What was the result of the Pandya feudatories gaining independence?",

    "img": "",

    "options": ["The Pandya kingdom expanded into new regions", "It further weakened the Pandya rule", "It led to a stronger Pandya central authority", "The feudatories allied with the Pandya rulers"],

    "answer": 1

  },

  {

    "q": "What was the main reason for the decline of Pandya power after Malik Kafur’s invasion?",

    "img": "",

    "options": ["A prolonged famine", "War of succession among Pandya princes and external invasions", "A deadly plague that wiped out their army", "A peaceful transition to a new dynasty"],

    "answer": 1

  },

  {

    "q": "Who was the ruler of the Delhi Sultanate when Jauna Khan conquered Madurai?",

    "img": "",

    "options": ["Ala-ud-din Khalji", "Mubarak Khalji", "Ghiyas-ud-din Tughluq", "Feroz Shah Tughluq"],

    "answer": 2

  },

  {

    "q": "What was the primary goal of Jauna Khan’s invasion of Madurai?",

    "img": "",

    "options": ["To establish a stronghold in South India", "To avenge Malik Kafur’s failed attempt to annex the region", "To secure trade routes in Tamil Nadu", "To ally with the Pandyas against the Kakatiyas"],

    "answer": 0

  },

  {

    "q": "Which dynasty was ruling Kerala when Ravivarma Kulasekhara temporarily subjugated the Pandyas?",

    "img": "",

    "options": ["Chera Dynasty", "Chola Dynasty", "Vijayanagara Empire", "Pallava Dynasty"],

    "answer": 0

  },

  {

    "q": "The Hoyasala dynasty, which supported Vira Pandya, was based in which region?",

    "img": "",

    "options": ["Tamil Nadu", "Kerala", "Karnataka", "Andhra Pradesh"],

    "answer": 2

  },

  {

    "q": "What was the major effect of Khusrau’s expedition against the Pandyas?",

    "img": "",

    "options": ["Strengthened Pandya rule", "Led to further weakening of the Pandya kingdom", "Resulted in an alliance between the Pandyas and the Delhi Sultanate", "Forced the Pandyas to migrate to Sri Lanka"],

    "answer": 1

  },

  {

    "q": "Why did some feudatories declare independence from the Pandya kingdom?",

    "img": "",

    "options": ["They supported the Delhi Sultanate", "They wanted to form alliances with foreign powers", "They took advantage of internal factional strife", "They were encouraged by the Cholas"],

    "answer": 2

  },

  {

    "q": "Which factor contributed to the Pandya dynasty’s survival despite Madurai’s conquest?",

    "img": "",

    "options": ["Pandya rulers continued ruling in some regions", "They formed an alliance with the Vijayanagara Empire", "They converted to Islam and retained power", "They retreated to Sri Lanka and ruled from there"],

    "answer": 0

  },

  {

    "q": "Which Sultanate leader first initiated military campaigns in South India?",

    "img": "",

    "options": ["Ghiyas-ud-din Tughluq", "Jauna Khan", "Ala-ud-din Khalji", "Feroz Shah Tughluq"],

    "answer": 2

  },

  {

    "q": "The Pandyas were primarily rulers of which modern-day Indian state?",

    "img": "",

    "options": ["Karnataka", "Kerala", "Tamil Nadu", "Andhra Pradesh"],

    "answer": 2

  },

  {

    "q": "What was the fate of Madurai after Jauna Khan’s conquest?",

    "img": "",

    "options": ["It became the capital of a new empire", "It was annexed to the Delhi Sultanate", "It was abandoned and never ruled again", "It was given back to the Pandya rulers"],

    "answer": 1

  },

  {

    "q": "What was the main reason why the Pandyas could not recover their lost kingdom?",

    "img": "",

    "options": ["They lacked a strong military force", "Constant external invasions and internal conflicts", "Their rulers migrated to other regions", "They allied with weak rulers"],

    "answer": 1

  },

  {

    "q": "What was the significance of inscriptions found between 1315–1411?",

    "img": "",

    "options": ["They prove that the Pandya dynasty continued in some form", "They were written by foreign travelers", "They mention the total destruction of the Pandyas", "They describe the conquest of the Pandyas by the Vijayanagara Empire"],

    "answer": 0

  },

  {

    "q": "Which of the following rulers did NOT invade or interfere in the Pandya kingdom?",

    "img": "",

    "options": ["Malik Kafur", "Ravivarma Kulasekhara", "Rajendra Chola", "Prithviraj Chauhan"],

    "answer": 3

  },

  {

    "q": "The Kakatiya invasion of the Pandya kingdom was led by whom?",

    "img": "",

    "options": ["Ganapati Deva", "Prataparudra", "Rudrama Devi", "Malik Kafur"],

    "answer": 1

  },

  {

    "q": "Which Pandya ruler made an attempt to recover the kingdom after 1313?",

    "img": "",

    "options": ["Sundara Pandya", "Vira Pandya", "Maravarman Kulasekhara", "Rajendra Pandya"],

    "answer": 1

  },

  {

    "q": "Who was the founder of the Tughluq dynasty under whom Jauna Khan invaded Madurai?",

    "img": "",

    "options": ["Feroz Shah Tughluq", "Muhammad bin Tughluq", "Ghiyas-ud-din Tughluq", "Balban"],

    "answer": 2

  },

  {

    "q": "What role did the Vijayanagara Empire later play in South India after the fall of the Pandyas?",

    "img": "",

    "options": ["They took control of Madurai and resisted further Delhi Sultanate invasions", "They allied with the Delhi Sultanate against the Cholas", "They helped restore Pandya rule", "They remained neutral in Tamil Nadu affairs"],

    "answer": 0

  },

  {

    "q": "Who was the last major ruler of the Kakatiya dynasty who invaded the Pandya kingdom?",

    "img": "",

    "options": ["Rudrama Devi", "Prataparudra", "Ganapati Deva", "Malik Kafur"],

    "answer": 1

  },

  {

    "q": "Which factor played the biggest role in weakening the Pandya kingdom?",

    "img": "",

    "options": ["The rise of the Vijayanagara Empire", "Repeated invasions and internal conflicts", "Economic decline due to trade restrictions", "Natural disasters like floods and earthquakes"],

    "answer": 1

  },

  {

    "q": "When was Madurai annexed to the Delhi Sultanate?",

    "img": "",

    "options": ["During Ala-ud-din Khalji’s reign", "During Ghiyas-ud-din Tughluq’s reign", "During Balban’s reign", "During Feroz Shah Tughluq’s reign"],

    "answer": 1

  },

  {

    "q": "Who declared independence from the Delhi Sultanate and became the first Sultan of Madurai?",

    "img": "",

    "options": ["Ghiyas-ud-din Damghan Shah", "Ala-ud-din Khalji", "Jalal-ud-din Ahsan Shah", "Muhammad bin Tughluq"],

    "answer": 2

  },

  {

    "q": "In which year did Jalal-ud-din Ahsan Shah rule Madurai?",

    "img": "",

    "options": ["1320–1330", "1334–1340", "1345–1350", "1370–1377"],

    "answer": 1

  },

  {

    "q": "Who was the famous traveler that visited the Sultanate of Madurai during Jalal-ud-din Ahsan Shah’s reign?",

    "img": "",

    "options": ["Marco Polo", "Ibn Battutah", "Al-Biruni", "Fa-Hien"],

    "answer": 1

  },

  {

    "q": "Who succeeded Jalal-ud-din Ahsan Shah as the Sultan of Madurai?",

    "img": "",

    "options": ["Ghiyas-ud-din Damghan Shah", "Bukka I", "Vira Ballala III", "Muhammad bin Tughluq"],

    "answer": 0

  },

  {

    "q": "Which Hoyasala ruler was defeated and killed by Ghiyas-ud-din Damghan Shah?",

    "img": "",

    "options": ["Vishnuvardhana", "Narasimha II", "Vira Ballala III", "Someshvara"],

    "answer": 2

  },

  {

    "q": "Which kingdom benefited the most from the Hoyasala defeat?",

    "img": "",

    "options": ["Delhi Sultanate", "Vijayanagara Empire", "Chola Dynasty", "Kakatiya Dynasty"],

    "answer": 1

  },

  {

    "q": "Who ultimately defeated the Sultanate of Madurai?",

    "img": "",

    "options": ["Malik Kafur", "Bukka I of Vijayanagar", "Ala-ud-din Khalji", "Feroz Shah Tughluq"],

    "answer": 1

  },

  {

    "q": "According to the historian Afif, what happened to the Sultan of Madurai?",

    "img": "",

    "options": ["He was exiled to Delhi", "He fled to the Maldives", "He was captured and killed", "He surrendered and joined the Vijayanagara Empire"],

    "answer": 2

  },

  {

    "q": "What does numismatic evidence suggest about the Sultans of Madurai?",

    "img": "",

    "options": ["They ruled until 1377", "They were completely wiped out by 1350", "They formed an alliance with the Vijayanagara Empire", "They ruled only until 1345"],

    "answer": 0

  }

        ];
 
        const quizTitle = "Interactive Knowledge Quiz"; // Define quiz title as a constant
        let currentQuestion = 0;
        let userAnswers = new Array(questions.length).fill(-1);
        let userName = "";
        let startTime;
 
        function startQuiz() {
            userName = document.getElementById("userName").value.trim();
            if (!userName) {
                alert("Please enter your name!");
                return;
            }
            document.querySelector(".start-container").style.display = "none";
            document.querySelector(".quiz-container").style.display = "block";
            startTime = new Date();
            loadQuestion();
            generateQuestionNumbers();
        }
 
        function loadQuestion() {
            const q = questions[currentQuestion];
            const questionEl = document.getElementById("question");
            questionEl.innerHTML = `${currentQuestion + 1}. ${q.q}`;
            if (q.q.includes("Telugu")) questionEl.classList.add("telugu");
 
            const imgEl = document.getElementById("questionImage");
            if (q.img) {
                imgEl.src = q.img;
                imgEl.style.display = "block";
            } else {
                imgEl.style.display = "none";
            }
 
            const optionsEl = document.getElementById("options");
            optionsEl.innerHTML = "";
            q.options.forEach((opt, i) => {
                const div = document.createElement("div");
                div.className = "option";
                div.textContent = opt;
                div.onclick = () => selectOption(i);
                if (userAnswers[currentQuestion] !== -1) {
                    if (i === q.answer) div.classList.add("correct");
                    else if (i === userAnswers[currentQuestion]) div.classList.add("wrong");
                    div.style.pointerEvents = "none";
                }
                optionsEl.appendChild(div);
            });
            updateStats();
        }
 
        function selectOption(selected) {
            if (userAnswers[currentQuestion] !== -1) return;
            
            userAnswers[currentQuestion] = selected;
            const options = document.querySelectorAll(".option");
            options.forEach((opt, i) => {
                if (i === questions[currentQuestion].answer) {
                    opt.classList.add("correct");
                } else if (i === selected) {
                    opt.classList.add("wrong");
                }
                opt.style.pointerEvents = "none";
            });
            
            updateQuestionNumbers();
            updateStats();
            
            if (currentQuestion < questions.length - 1) {
                setTimeout(() => {
                    currentQuestion++;
                    loadQuestion();
                }, 3000);
            } else {
                setTimeout(showResults, 3000);
            }
        }
 
        function generateQuestionNumbers() {
            const numbersEl = document.getElementById("questionNumbers");
            numbersEl.innerHTML = "";
            questions.forEach((_, i) => {
                const num = document.createElement("div");
                num.className = "q-number";
                num.textContent = i + 1;
                num.onclick = () => {
                    currentQuestion = i;
                    loadQuestion();
                };
                if (userAnswers[i] !== -1) {
                    num.classList.add(userAnswers[i] === questions[i].answer ? "correct" : "wrong");
                }
                numbersEl.appendChild(num);
            });
        }
 
        function updateQuestionNumbers() {
            const numbers = document.querySelectorAll(".q-number");
            numbers[currentQuestion].classList.add(
                userAnswers[currentQuestion] === questions[currentQuestion].answer ? "correct" : "wrong"
            );
        }
 
        function updateStats() {
            const attempted = userAnswers.filter(a => a !== -1).length;
            const correct = userAnswers.reduce((sum, ans, i) => 
                sum + (ans === questions[i].answer ? 1 : 0), 0);
            const percent = questions.length ? (correct / questions.length * 100).toFixed(2) : 0;
 
            document.getElementById("attempted").textContent = attempted;
            document.getElementById("correctCount").textContent = correct;
            document.getElementById("percentage").textContent = percent + "%";
        }
 
        function prevQuestion() {
            if (currentQuestion > 0) {
                currentQuestion--;
                loadQuestion();
            }
        }
 
        function nextQuestion() {
            if (currentQuestion < questions.length - 1) {
                currentQuestion++;
                loadQuestion();
            }
        }
 
        function showResults() {
            const endTime = new Date();
            const timeTaken = Math.round((endTime - startTime) / 1000);
            const correct = userAnswers.reduce((sum, ans, i) => 
                sum + (ans === questions[i].answer ? 1 : 0), 0);
            const percent = (correct / questions.length * 100).toFixed(2);
 
            let performance, color;
            if (percent == 100) { performance = "GENIUS"; color = 'green'; }
            else if (percent >= 90) { performance = "EXCELLENT"; color = 'orange'; }
            else if (percent >= 70) { performance = "GOOD"; color = 'yellow'; }
            else if (percent >= 50) { performance = "AVERAGE"; color = 'brown'; }
            else { performance = "POOR"; color = 'red'; }
 
            const resultsEl = document.getElementById("results");
            resultsEl.innerHTML = ''; // Clear existing content
            
            // Create and append elements programmatically
            const title = document.createElement('h2');
            title.textContent = 'Quiz Results';
            resultsEl.appendChild(title);
 
            const quizTitleEl = document.createElement('p');
            quizTitleEl.innerHTML = `<strong>Quiz Title:</strong> ${quizTitle}`;
            resultsEl.appendChild(quizTitleEl);
 
            const nameEl = document.createElement('p');
            nameEl.innerHTML = `<strong>Name:</strong> ${userName}`;
            resultsEl.appendChild(nameEl);
 
            const scoreEl = document.createElement('p');
            scoreEl.innerHTML = `<strong>Score:</strong> ${correct}/${questions.length}`;
            resultsEl.appendChild(scoreEl);
 
            const percentEl = document.createElement('p');
            percentEl.innerHTML = `<strong>Percentage:</strong> ${percent}%`;
            resultsEl.appendChild(percentEl);
 
            const timeEl = document.createElement('p');
            timeEl.innerHTML = `<strong>Time Taken:</strong> ${timeTaken} seconds`;
            resultsEl.appendChild(timeEl);
 
            const perfEl = document.createElement('p');
            perfEl.innerHTML = `<strong>Performance:</strong> <span style="color: ${color}">${performance}</span>`;
            resultsEl.appendChild(perfEl);
 
            const shareText = document.createElement('p');
            shareText.textContent = 'Share your results on WhatsApp:';
            resultsEl.appendChild(shareText);
 
            const button = document.createElement('button');
            button.className = 'whatsapp-btn';
            button.onclick = shareOnWhatsApp;
            button.innerHTML = `
                <span>Share on WhatsApp</span>
                <svg width="20" height="20" viewBox="0 0 24 24" fill="white">
                    <path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.76.58 3.39 1.58 4.73L2.5 22l5.47-1.19c1.31.89 2.83 1.37 4.47 1.37 5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm4.83 14.92c-.23.65-.67 1.17-1.31 1.5-.54.28-1.23.42-2.04.25-1.13-.23-2.15-.92-2.98-1.75-.94-.94-1.71-2.06-2.19-3.33-.31-.83-.08-1.73.54-2.29.27-.25.61-.38.96-.38.25 0 .49.09.69.23.23.15.42.46.5.75.15.5.27 1.02.38 1.54.08.38 0 .77-.19 1.13-.15.27-.08.58.17.83.23.23.5.42.77.65 1.02.85 2.19 1.52 3.52 1.71.77.12 1.52-.04 2.19-.42.58-.31 1.02-.85 1.27-1.46.19-.46.23-.96.12-1.44-.08-.38-.31-.73-.65-.96z"/>
                </svg>
            `;
            resultsEl.appendChild(button);
 
            document.querySelector(".quiz-container").style.display = "none";
            resultsEl.style.display = "block";
        }
 
        function shareOnWhatsApp() {
            const url = window.location.href;
            const message = `${userName} scored ${userAnswers.reduce((sum, ans, i) => sum + (ans === questions[i].answer ? 1 : 0), 0)}/${questions.length} in the ${quizTitle}! Can you beat my score? Try it now: ${url}`;
            window.open(`https://api.whatsapp.com/send?text=${encodeURIComponent(message)}`);
        }
    </script>
</body>
</html>

 

 

Indian History Free Mock Tests Pandyas of Madurai free mock test 2

Comments

|

Blog Archive

Show more