{"id":615,"date":"2025-09-11T01:10:17","date_gmt":"2025-09-11T01:10:17","guid":{"rendered":"https:\/\/wiseexcellence.co.za\/high-school\/?p=615"},"modified":"2026-02-01T15:09:09","modified_gmt":"2026-02-01T15:09:09","slug":"analysis-and-interpretation","status":"publish","type":"post","link":"https:\/\/wiseexcellence.co.za\/high-school\/analysis-and-interpretation\/","title":{"rendered":"Analysis and Interpretation"},"content":{"rendered":"\n\n\n\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n  <meta charset=\\\"UTF-8\\\">\\r\\n  <title>Comprehensive Study Toolkit: Grade 12 Accounting<\/title>\\r\\n  <style>\\r\\n    body { font-family: Arial, sans-serif; line-height: 1.6; margin: 20px; }\\r\\n    h1, h2, h3 { color: #2c3e50; }\\r\\n    ul { margin-left: 20px; }\\r\\n    li { margin-bottom: 5px; }\\r\\n    .section { margin-bottom: 40px; }\\r\\n  <\/style>\\r\\n<\/head>\\r\\n<body>\\r\\n\\r\\n  <h1>Comprehensive Study Toolkit: Analysis and Interpretation of Information<\/h1>\\r\\n  <p><strong>Grade 12 Accounting<\/strong><\/p>\\r\\n  <p>This toolkit is designed to help you master the analysis and interpretation of financial and non-financial information.<\/p>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>I. Introduction to Analysis and Interpretation<\/h2>\\r\\n    <ul>\\r\\n      <li><strong>Purpose:<\/strong> Extract relevant information from financial statements for decision-making.<\/li>\\r\\n      <li><strong>Users and Reasons for Analysis:<\/strong>\\r\\n        <ul>\\r\\n          <li>Shareholders: Assess profitability.<\/li>\\r\\n          <li>Financial Institutions (short-term): Evaluate ability to pay short-term debts.<\/li>\\r\\n          <li>Financial Institutions (long-term): Assess ability to repay loans and interest.<\/li>\\r\\n          <li>SARS: Verify correct tax payments.<\/li>\\r\\n          <li>Management: Evaluate performance.<\/li>\\r\\n          <li>Customers: Assess sustainability.<\/li>\\r\\n          <li>Auditors: Ensure fair presentation of results.<\/li>\\r\\n          <li>Employees\/Unions: Assess growth and employment prospects.<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n      <li><strong>Comparison Benchmarks:<\/strong>\\r\\n        <ul>\\r\\n          <li>Previous years (most meaningful).<\/li>\\r\\n          <li>Competitors.<\/li>\\r\\n          <li>Industry averages.<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n    <\/ul>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>II. Key Areas of Analysis and Financial Indicators<\/h2>\\r\\n\\r\\n    <h3>1. Profitability<\/h3>\\r\\n    <ul>\\r\\n      <li><strong>Description:<\/strong> Measures profit generation and asset efficiency.<\/li>\\r\\n      <li><strong>Indicators &#038; Formulas:<\/strong>\\r\\n        <ul>\\r\\n          <li>% Gross profit on sales = (Gross profit \/ Sales) \u00d7 100<\/li>\\r\\n          <li>% Gross profit on cost of sales = (Gross profit \/ Cost of sales) \u00d7 100<\/li>\\r\\n          <li>% Net profit on Sales = (Net profit \/ Sales) \u00d7 100<\/li>\\r\\n          <li>% Operating expenses on Sales = (Operating expenses \/ Sales) \u00d7 100<\/li>\\r\\n          <li>% Operating profit on Sales = (Operating profit \/ Sales) \u00d7 100<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n    <\/ul>\\r\\n\\r\\n    <h3>2. Liquidity<\/h3>\\r\\n    <ul>\\r\\n      <li><strong>Description:<\/strong> Ability to meet short-term obligations.<\/li>\\r\\n      <li><strong>Indicators &#038; Formulas:<\/strong>\\r\\n        <ul>\\r\\n          <li>Current Ratio = Current assets : Current liabilities<\/li>\\r\\n          <li>Acid Test Ratio = (Current assets &#8211; Inventories) : Current liabilities<\/li>\\r\\n          <li>Stock turnover rate = Cost of Sales \/ Average Stock<\/li>\\r\\n          <li>Stock holding period = (Average Inventories \/ Cost of Sales) \u00d7 365<\/li>\\r\\n          <li>Debtors\u2019 collection period = (Average Debtors \/ Credit Sales) \u00d7 365<\/li>\\r\\n          <li>Creditors\u2019 payment period = (Average Creditors \/ Purchases) \u00d7 365<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n    <\/ul>\\r\\n\\r\\n    <h3>3. Solvency<\/h3>\\r\\n    <ul>\\r\\n      <li><strong>Description:<\/strong> Ability to pay all debts.<\/li>\\r\\n      <li><strong>Indicators &#038; Formulas:<\/strong>\\r\\n        <ul>\\r\\n          <li>Solvency ratio = Total Assets : Total Liabilities<\/li>\\r\\n          <li>Net Asset = Total Assets \u2013 Total Liabilities<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n    <\/ul>\\r\\n\\r\\n    <h3>4. Return<\/h3>\\r\\n    <ul>\\r\\n      <li><strong>Description:<\/strong> Measures shareholder earnings.<\/li>\\r\\n      <li><strong>Indicators &#038; Formulas:<\/strong>\\r\\n        <ul>\\r\\n          <li>ROSHE = (Net Profit after tax \/ Avg Shareholders\u2019 Equity) \u00d7 100<\/li>\\r\\n          <li>EPS = (Net profit after tax \/ Issued shares)<\/li>\\r\\n          <li>DPS = (Ordinary Dividends \/ Issued shares)<\/li>\\r\\n          <li>NAV = (Shareholders Equity \/ Issued shares)<\/li>\\r\\n          <li>Dividend pay-out rate = (Dividends \/ Net profit after tax) \u00d7 100<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n    <\/ul>\\r\\n\\r\\n    <h3>5. Financial Risk \/ Gearing<\/h3>\\r\\n    <ul>\\r\\n      <li><strong>Description:<\/strong> Indicates financing structure and long-term risk.<\/li>\\r\\n      <li><strong>Indicators &#038; Formulas:<\/strong>\\r\\n        <ul>\\r\\n          <li>Debt-equity ratio = Non-current liabilities : Shareholders Equity<\/li>\\r\\n          <li>ROTCE = (Net profit before tax + Loan interest \/ Avg Capital Employed) \u00d7 100<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n    <\/ul>\\r\\n\\r\\n    <h3>6. Interpretation Beyond Financial Indicators<\/h3>\\r\\n    <ul>\\r\\n      <li>Dividend policy trends<\/li>\\r\\n      <li>Shareholding changes<\/li>\\r\\n      <li>General comments using two indicators with figures<\/li>\\r\\n    <\/ul>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>III. Examination Guidance and Study Tips<\/h2>\\r\\n    <ul>\\r\\n      <li>Piecemeal approach with consolidation activities<\/li>\\r\\n      <li>Supplement classwork and textbooks<\/li>\\r\\n      <li>Progressive difficulty in examples<\/li>\\r\\n      <li>Active reading and highlighting<\/li>\\r\\n      <li>Attempt activities independently<\/li>\\r\\n      <li>Review and correct answers in a different color<\/li>\\r\\n      <li>Practice with past papers<\/li>\\r\\n      <li>Use answer books for familiarity<\/li>\\r\\n      <li>Know indicator names for formula sheet<\/li>\\r\\n      <li>Highlight verbs and dates in questions<\/li>\\r\\n      <li>Understand task requirements (comment, advise, justify, etc.)<\/li>\\r\\n    <\/ul>\\r\\n    <p><strong>Final Note:<\/strong> By working through these sections and practicing consistently, you&#8217;ll be well-prepared for analysis and interpretation questions in your Grade 12 Accounting exams.<\/p>\\r\\n  <\/div>\\r\\n\\r\\n<\/body>\\r\\n<\/html>\\r\\n&#8221;}\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Wise Excellence &#8211; Accounting Quiz<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #121212;\n        }\n        .bg-black-gradient {\n            background: linear-gradient(145deg, #ffff, #a3b5c9);\n        }\n        .text-gold {\n            color: #FFD700;\n        }\n        .btn-gold {\n            background-color: #FFD700;\n            color: #121212;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2);\n        }\n        .btn-gold:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(255, 215, 0, 0.3);\n        }\n        .option-btn {\n            background-color: transparent;\n            border: 2px solid #4a4a4a;\n            color: #e0e0e0;\n            transition: all 0.3s ease;\n        }\n        .option-btn:not(:disabled):hover {\n            border-color: #FFD700;\n            background-color: rgba(255, 215, 0, 0.1);\n        }\n        .option-btn.correct {\n            background-color: rgba(4, 120, 87, 0.3); \/* Green-500 *\/\n            border-color: #059669; \/* Green-600 *\/\n        }\n        .option-btn.incorrect {\n            background-color: rgba(185, 28, 28, 0.3); \/* Red-700 *\/\n            border-color: #b91c1c; \/* Red-700 *\/\n        }\n        .rationale {\n            font-size: 0.875rem;\n            margin-top: 0.75rem;\n            padding-top: 0.75rem;\n            border-top: 1px solid #4a4a4a;\n            color: #d1d5db; \/* Gray-300 *\/\n        }\n        .rationale.correct-text {\n            color: #34d399; \/* Green-400 *\/\n        }\n        .rationale.incorrect-text {\n             color: #f87171; \/* Red-400 *\/\n        }\n    <\/style>\n<\/head>\n<body class=\"text-white flex items-center justify-center min-h-screen p-4\">\n\n    <div id=\"app-container\" class=\"w-full max-w-2xl mx-auto\">\n\n        <!-- Intro Page -->\n        <div id=\"intro-page\" class=\"text-center p-8 rounded-2xl bg-black-gradient shadow-2xl shadow-yellow-500\/5\">\n            <h1 class=\"text-4xl font-bold text-gold mb-4\">Wise Excellence<\/h1>\n            <h2 class=\"text-2xl font-semibold mb-6\">Analysis and Interpretation Quiz<\/h2>\n            <p class=\"text-lg text-gray-300 mb-8\">\n                This quiz should take you 5 minutes. The time will start once you click start below.\n            <\/p>\n            <button id=\"start-btn\" class=\"btn-gold font-bold py-3 px-10 text-lg rounded-full\">\n                Start Quiz\n            <\/button>\n        <\/div>\n\n        <!-- Quiz Page -->\n        <div id=\"quiz-page\" class=\"hidden p-6 md:p-8 rounded-2xl bg-black-gradient shadow-2xl shadow-yellow-500\/5\">\n            <div class=\"flex justify-between items-center mb-6\">\n                <h2 id=\"quiz-title\" class=\"text-xl font-bold text-gold\">Accounting Quiz<\/h2>\n                <div id=\"timer\" class=\"text-2xl font-semibold text-gold bg-gray-800 px-4 py-2 rounded-lg\">05:00<\/div>\n            <\/div>\n            <div id=\"question-container\">\n                <p id=\"question-text\" class=\"text-xl text-gray-200 mb-4\"><\/p>\n                <div class=\"mb-6\">\n                    <button id=\"hint-btn\" class=\"text-sm text-gold underline cursor-pointer hover:text-yellow-300 transition-colors\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 inline-block mr-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m12.728 0l.707-.707M6.343 17.657l-.707.707m12.728 0l.707.707M12 21v-1m-4-4a4 4 0 118 0 4 4 0 01-8 0z\" \/><\/svg>\n                        Need a hint?\n                    <\/button>\n                    <div id=\"hint-text-container\" class=\"hidden bg-gray-800\/50 p-3 rounded-lg mt-2 text-gray-400 italic\">\n                        <!-- Hint goes here -->\n                    <\/div>\n                <\/div>\n                <div id=\"options-container\" class=\"grid grid-cols-1 gap-4\">\n                    <!-- Options will be injected by JS -->\n                <\/div>\n            <\/div>\n            <div class=\"mt-8 flex justify-between items-center\">\n                <div class=\"flex items-center gap-4\">\n                    <div id=\"progress-text\" class=\"text-gray-400\">Question 1 of 5<\/div>\n                    <button id=\"skip-btn\" class=\"text-sm text-gray-500 hover:text-white underline\">Skip<\/button>\n                <\/div>\n                <button id=\"next-btn\" class=\"hidden btn-gold font-bold py-2 px-6 rounded-full\">Next<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Results Page -->\n        <div id=\"results-page\" class=\"hidden p-6 md:p-8 rounded-2xl bg-black-gradient shadow-2xl shadow-yellow-500\/5 text-center\">\n            <h2 class=\"text-3xl font-bold mb-4\">Quiz Complete!<\/h2>\n            <p class=\"text-5xl font-bold text-gold mb-4\" id=\"score-text\"><\/p>\n            <p class=\"text-2xl font-semibold mb-6\" id=\"rating-text\"><\/p>\n\n            <div id=\"summary-section\" class=\"text-left bg-gray-800\/50 p-6 rounded-lg mb-8\">\n                <h3 class=\"text-xl font-semibold text-gold mb-4\">Focus Areas for Improvement:<\/h3>\n                <div id=\"summary-list\" class=\"space-y-4\">\n                    <!-- Summary points will be injected by JS -->\n                <\/div>\n                 <p id=\"no-improvement-needed\" class=\"hidden text-green-400\">Excellent work! You answered all questions correctly.<\/p>\n            <\/div>\n             <p class=\"text-lg text-gray-300 mb-8\">Book a tutoring session with Wise Excellence to ace your final exam!<\/p>\n             <button id=\"finish-btn\" class=\"btn-gold font-bold py-3 px-10 text-lg rounded-full\">Finish<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n        const tickIconSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-green-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg>`;\n        const crossIconSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-red-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>`;\n\n        const quizData = [\n            {\n                question: \"A company's Gross Profit on Sales percentage decreased from 40% to 35%. What is the MOST likely interpretation of this change?\",\n                hint: \"Consider the two main components that determine gross profit: what the company sells its goods for and what it costs to acquire them.\",\n                concept: \"Profitability Ratios\",\n                conceptExplanation: \"This area focuses on a company's ability to generate profit. A decline in profitability, like a lower gross margin, often points to issues with pricing strategy or rising costs from suppliers.\",\n                options: [\n                    { text: \"The company has become more efficient at managing its operating expenses.\", isCorrect: false, rationale: \"Operating expenses relate to net profit, whereas this question concerns the gross profit margin.\" },\n                    { text: \"The company is facing upward pressure on the cost of its goods or downward pressure on its selling prices.\", isCorrect: true, rationale: \"A lower gross margin indicates that the gap between the selling price and the cost price has narrowed.\" },\n                    { text: \"The company's ability to pay its short-term debts has improved.\", isCorrect: false, rationale: \"The ability to pay short-term debts is measured by liquidity ratios, not profitability ratios.\" },\n                    { text: \"The company has sold and replaced its stock more frequently during the year.\", isCorrect: false, rationale: \"The rate at which stock is sold and replaced is measured by the stock turnover rate, a liquidity indicator.\" }\n                ]\n            },\n            {\n                question: \"Which liquidity ratio provides the most stringent test of a company's ability to pay its current liabilities without needing to sell its inventory?\",\n                hint: \"Think about which current asset is typically the hardest to convert into cash quickly.\",\n                concept: \"Liquidity Ratios\",\n                conceptExplanation: \"Liquidity measures a company's ability to meet its short-term obligations. The most stringent tests exclude less-liquid assets, giving a clearer picture of immediate cash availability.\",\n                options: [\n                    { text: \"Current Ratio\", isCorrect: false, rationale: \"The Current Ratio includes all current assets, including inventory, in its calculation.\" },\n                    { text: \"Stock Turnover Rate\", isCorrect: false, rationale: \"The Stock Turnover Rate measures how quickly inventory is sold, not the ability to pay debts with liquid assets.\" },\n                    { text: \"Acid Test Ratio\", isCorrect: true, rationale: \"This ratio specifically removes the least liquid current asset, inventory, from the calculation to provide a stricter measure.\" },\n                    { text: \"Average Creditors\u2019 Payment Period\", isCorrect: false, rationale: \"This measures how long the company takes to pay its own suppliers, rather than its ability to pay them from liquid assets.\" }\n                ]\n            },\n            {\n                question: \"A company is described as being 'highly geared'. Which of the following Debt-Equity ratios would best represent this situation?\",\n                hint: \"'Gearing' refers to the proportion of a company's capital that comes from debt.\",\n                concept: \"Financial Risk & Gearing\",\n                conceptExplanation: \"Gearing, or leverage, indicates how much a company relies on borrowed funds versus owner's funds. High gearing means a higher reliance on debt, which increases financial risk but can also amplify returns.\",\n                 options: [\n                    { text: \"0.4 : 1\", isCorrect: false, rationale: \"This ratio indicates low gearing, as there is only R0.40 of debt for every R1 of equity.\" },\n                    { text: \"1 : 1\", isCorrect: false, rationale: \"This ratio shows that debt and equity are equal, indicating a balanced rather than a highly geared capital structure.\" },\n                    { text: \"2.1 : 1\", isCorrect: true, rationale: \"This ratio signifies high gearing, as the company has R2.10 of debt for every R1 of equity.\" },\n                    { text: \"Total Assets : Total Liabilities\", isCorrect: false, rationale: \"This represents the formula for the Solvency ratio, which measures overall solvency, not the capital structure.\" }\n                ]\n            },\n            {\n                question: \"A potential shareholder wants to assess the intrinsic value of a single share based on the company's performance and growth. Which indicator would be most relevant for this purpose?\",\n                hint: \"Look for the indicator that is specifically defined as representing the 'intrinsic value' of a share.\",\n                concept: \"Shareholder Return & Value\",\n                conceptExplanation: \"Shareholders use specific ratios to evaluate their investment. It's important to distinguish between measures of profitability (like EPS), cash returns (like DPS), and underlying asset value (like NAV).\",\n                options: [\n                    { text: \"Dividends Per Share (DPS)\", isCorrect: false, rationale: \"DPS shows the cash return distributed to shareholders, but not the underlying value of the share itself.\" },\n                    { text: \"Earnings Per Share (EPS)\", isCorrect: false, rationale: \"EPS indicates profitability on a per-share basis, which contributes to value, but it is not a direct measure of intrinsic worth.\" },\n                    { text: \"Net Asset Value per share (NAV)\", isCorrect: true, rationale: \"The definition of NAV is the intrinsic or underlying value of a share, reflecting the company's net worth on a per-share basis.\" },\n                    { text: \"Return on Shareholders\u2019 Equity (ROSHE)\", isCorrect: false, rationale: \"ROSHE measures the overall return on the owners' total investment, not the value of an individual share.\" }\n                ]\n            },\n            {\n                question: \"Which of the following stakeholders would be most concerned with analyzing the Current Ratio and Acid Test Ratio?\",\n                hint: \"Consider which user of financial statements has a need to be repaid within the next year.\",\n                concept: \"Liquidity and Stakeholder Analysis\",\n                conceptExplanation: \"Different stakeholders have different needs. Understanding who uses which ratio is key. Short-term lenders care about immediate cash flow, while long-term investors look at sustained profitability and stability.\",\n                options: [\n                    { text: \"The South African Revenue Services (SARS)\", isCorrect: false, rationale: \"SARS is primarily concerned with the correct calculation and payment of taxes, which relates to profitability.\" },\n                    { text: \"A long-term creditor\", isCorrect: false, rationale: \"Long-term creditors are more focused on solvency and the ability to repay loans over several years.\" },\n                    { text: \"An employee union\", isCorrect: false, rationale: \"Unions typically focus on long-term stability and profitability to ensure job security and wage negotiations.\" },\n                    { text: \"A short-term creditor\", isCorrect: true, rationale: \"These ratios directly measure a company's ability to pay its immediate and short-term debts, which is the primary concern for a short-term creditor.\" }\n                ]\n            }\n        ];\n\n        const introPage = document.getElementById('intro-page');\n        const quizPage = document.getElementById('quiz-page');\n        const resultsPage = document.getElementById('results-page');\n        const startBtn = document.getElementById('start-btn');\n\n        const timerEl = document.getElementById('timer');\n        const quizTitleEl = document.getElementById('quiz-title');\n        const questionTextEl = document.getElementById('question-text');\n        const hintBtn = document.getElementById('hint-btn');\n        const hintTextContainer = document.getElementById('hint-text-container');\n        const optionsContainerEl = document.getElementById('options-container');\n        const progressTextEl = document.getElementById('progress-text');\n        const nextBtn = document.getElementById('next-btn');\n        const skipBtn = document.getElementById('skip-btn');\n        const finishBtn = document.getElementById('finish-btn');\n\n        const scoreTextEl = document.getElementById('score-text');\n        const ratingTextEl = document.getElementById('rating-text');\n        const summaryListEl = document.getElementById('summary-list');\n        const noImprovementEl = document.getElementById('no-improvement-needed');\n\n        let currentQuestionIndex = 0;\n        let score = 0;\n        let timerInterval;\n        let incorrectAnswers = [];\n\n        startBtn.addEventListener('click', startQuiz);\n        \n        hintBtn.addEventListener('click', () => {\n            hintTextContainer.classList.remove('hidden');\n            hintBtn.classList.add('hidden');\n        });\n\n        nextBtn.addEventListener('click', () => {\n            currentQuestionIndex++;\n            if (currentQuestionIndex < quizData.length) {\n                displayQuestion();\n            } else {\n                endQuiz();\n            }\n        });\n\n        skipBtn.addEventListener('click', () => {\n            incorrectAnswers.push(quizData[currentQuestionIndex]);\n            currentQuestionIndex++;\n            if (currentQuestionIndex < quizData.length) {\n                displayQuestion();\n            } else {\n                endQuiz();\n            }\n        });\n        \n        finishBtn.addEventListener('click', () => {\n            location.reload();\n        });\n\n        function startQuiz() {\n            introPage.classList.add('hidden');\n            quizPage.classList.remove('hidden');\n            startTimer(300); \/\/ 5 minutes\n            displayQuestion();\n        }\n\n        function startTimer(duration) {\n            let time = duration;\n            timerInterval = setInterval(() => {\n                const minutes = Math.floor(time \/ 60);\n                let seconds = time % 60;\n                seconds = seconds < 10 ? '0' + seconds : seconds;\n                timerEl.textContent = `${minutes}:${seconds}`;\n                time--;\n                if (time < 0) {\n                    clearInterval(timerInterval);\n                    endQuiz();\n                }\n            }, 1000);\n        }\n\n        function displayQuestion() {\n            const questionData = quizData[currentQuestionIndex];\n            quizTitleEl.textContent = `Analysis and interpretation of information Question ${currentQuestionIndex + 1}`;\n            questionTextEl.textContent = questionData.question;\n            \n            hintTextContainer.textContent = questionData.hint;\n            hintTextContainer.classList.add('hidden');\n            hintBtn.classList.remove('hidden');\n            nextBtn.classList.add('hidden');\n            skipBtn.classList.remove('hidden');\n\n            optionsContainerEl.innerHTML = '';\n\n            questionData.options.forEach((option, index) => {\n                const button = document.createElement('button');\n                button.classList.add('option-btn', 'w-full', 'text-left', 'p-4', 'rounded-lg', 'font-medium', 'flex', 'justify-between', 'items-start');\n                button.dataset.index = index;\n                \n                const contentWrapper = document.createElement('div');\n                contentWrapper.classList.add('flex-grow', 'pr-4');\n\n                const optionText = document.createElement('span');\n                optionText.textContent = option.text;\n                \n                const rationaleDiv = document.createElement('div');\n                rationaleDiv.classList.add('rationale', 'hidden');\n                rationaleDiv.textContent = option.rationale;\n\n                contentWrapper.appendChild(optionText);\n                contentWrapper.appendChild(rationaleDiv);\n\n                const iconContainer = document.createElement('span');\n                iconContainer.classList.add('icon-container', 'hidden', 'flex-shrink-0', 'w-6', 'h-6', 'mt-1');\n\n                button.appendChild(contentWrapper);\n                button.appendChild(iconContainer);\n\n                button.addEventListener('click', selectAnswer);\n                optionsContainerEl.appendChild(button);\n            });\n            progressTextEl.textContent = `Question ${currentQuestionIndex + 1} of ${quizData.length}`;\n        }\n\n        function selectAnswer(e) {\n            const selectedButton = e.currentTarget;\n            const selectedIndex = parseInt(selectedButton.dataset.index);\n            const questionData = quizData[currentQuestionIndex];\n\n            Array.from(optionsContainerEl.children).forEach((btn, index) => {\n                btn.disabled = true;\n                const optionData = questionData.options[index];\n                const rationaleDiv = btn.querySelector('.rationale');\n                rationaleDiv.classList.remove('hidden');\n                \n                if (optionData.isCorrect) {\n                    const iconContainer = btn.querySelector('.icon-container');\n                    btn.classList.add('correct');\n                    rationaleDiv.classList.add('correct-text');\n                    iconContainer.innerHTML = tickIconSVG;\n                    iconContainer.classList.remove('hidden');\n                }\n            });\n\n            if (questionData.options[selectedIndex].isCorrect) {\n                score++;\n            } else {\n                incorrectAnswers.push(questionData);\n                const iconContainer = selectedButton.querySelector('.icon-container');\n                const rationaleDiv = selectedButton.querySelector('.rationale');\n                selectedButton.classList.add('incorrect');\n                rationaleDiv.classList.add('incorrect-text');\n                iconContainer.innerHTML = crossIconSVG;\n                iconContainer.classList.remove('hidden');\n            }\n            \n            nextBtn.classList.remove('hidden');\n            skipBtn.classList.add('hidden');\n        }\n\n        function endQuiz() {\n            clearInterval(timerInterval);\n            quizPage.classList.add('hidden');\n            resultsPage.classList.remove('hidden');\n            showResults();\n        }\n\n        function showResults() {\n            const percentage = Math.round((score \/ quizData.length) * 100);\n            scoreTextEl.textContent = `${percentage}%`;\n\n            if (percentage >= 80) {\n                ratingTextEl.textContent = \"Excellent!\";\n                ratingTextEl.classList.add('text-green-400');\n            } else if (percentage < 20) {\n                ratingTextEl.textContent = \"Needs Urgent Attention\";\n                ratingTextEl.classList.add('text-red-500');\n            } else {\n                ratingTextEl.textContent = \"Low - Needs Improvement\";\n                ratingTextEl.classList.add('text-yellow-500');\n            }\n\n            if (incorrectAnswers.length === 0) {\n                noImprovementEl.classList.remove('hidden');\n            } else {\n                const conceptsToReview = incorrectAnswers.reduce((acc, item) => {\n                    if (!acc[item.concept]) {\n                        acc[item.concept] = item.conceptExplanation;\n                    }\n                    return acc;\n                }, {});\n\n                for (const concept in conceptsToReview) {\n                    const conceptDiv = document.createElement('div');\n                    const title = document.createElement('h4');\n                    title.textContent = concept;\n                    title.classList.add('font-semibold', 'text-gray-200', 'text-lg');\n                    \n                    const explanation = document.createElement('p');\n                    explanation.textContent = conceptsToReview[concept];\n                    explanation.classList.add('text-gray-400', 'mt-1');\n\n                    conceptDiv.appendChild(title);\n                    conceptDiv.appendChild(explanation);\n                    summaryListEl.appendChild(conceptDiv);\n                }\n            }\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":525,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[18,23],"tags":[26],"class_list":["post-615","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grade-12","category-high-school","tag-topics"],"_links":{"self":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts\/615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/comments?post=615"}],"version-history":[{"count":35,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts\/615\/revisions"}],"predecessor-version":[{"id":1066,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts\/615\/revisions\/1066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/media\/525"}],"wp:attachment":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/media?parent=615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/categories?post=615"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/tags?post=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}