{"id":743,"date":"2025-09-12T01:54:39","date_gmt":"2025-09-12T01:54:39","guid":{"rendered":"https:\/\/wiseexcellence.co.za\/high-school\/?page_id=743"},"modified":"2026-02-01T15:42:18","modified_gmt":"2026-02-01T15:42:18","slug":"matric-exam-prep","status":"publish","type":"page","link":"https:\/\/wiseexcellence.co.za\/high-school\/matric-exam-prep\/","title":{"rendered":"Matric Exam Preparation"},"content":{"rendered":"\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>Matric Accounting Study Guide by Wise Excellence<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f1f5f9; \/* slate-100 *\/\n            touch-action: pan-y;\n        }\n        .guide-container {\n            min-height: 480px;\n        }\n        .content-card {\n            opacity: 0;\n            transform: translateX(20px);\n            transition: opacity 0.4s ease-out, transform 0.4s ease-out;\n            will-change: opacity, transform;\n        }\n        .content-card.active {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        .progress-bar-inner {\n            transition: width 0.3s ease-in-out;\n        }\n        .topic-button, .quiz-action-button {\n            transition: all 0.2s ease-in-out;\n        }\n        .topic-button:hover, .quiz-action-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 20px rgba(16, 185, 129, 0.2);\n        }\n        .loader {\n            border: 4px solid #e2e8f0; \/* slate-200 *\/\n            border-top: 4px solid #059669; \/* emerald-600 *\/\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            animation: spin 1s linear infinite;\n        }\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n        \/* Green text selection color *\/\n        ::selection {\n            background: #059669; \/* emerald-600 *\/\n            color: #ffffff;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-100 text-slate-800 flex items-center justify-center min-h-screen p-4\">\n\n    <div class=\"w-full max-w-4xl mx-auto\">\n        <header class=\"text-center mb-6\">\n            <h1 class=\"text-3xl md:text-4xl font-bold text-emerald-600\">Matric Accounting Study Guide<\/h1>\n            <p class=\"text-slate-500 mt-2\">Your interactive guide to mastering the final exams.<\/p>\n        <\/header>\n\n        <main id=\"app-container\" class=\"bg-white rounded-xl shadow-lg shadow-emerald-500\/10 p-6 md:p-8 relative\">\n            <div class=\"absolute top-4 right-6 text-xs text-slate-400 font-semibold\">created by Wise Excellence<\/div>\n            \n            <!-- Main Menu View -->\n            <div id=\"main-menu\">\n                <h2 class=\"text-2xl font-semibold mb-6 text-center text-emerald-700\">Select a Topic to Begin<\/h2>\n                <div id=\"topic-grid\" class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                    <!-- Topic buttons will be inserted here by JavaScript -->\n                <\/div>\n            <\/div>\n\n            <!-- Study Guide View -->\n            <div id=\"study-guide\" class=\"hidden\">\n                <button id=\"back-to-menu\" class=\"mb-4 text-sm font-medium text-emerald-600 hover:text-emerald-500\">&larr; Back to Topics<\/button>\n                \n                <div id=\"guide-content-wrapper\" class=\"guide-container relative flex items-center justify-center\">\n                    <!-- Content will be dynamically inserted here -->\n                <\/div>\n\n                <!-- Navigation and Progress -->\n                <div class=\"mt-6\">\n                    <div class=\"flex justify-between items-center mb-2\">\n                        <span id=\"progress-text\" class=\"text-sm text-slate-500\"><\/span>\n                        <span id=\"topic-title\" class=\"text-sm font-semibold text-slate-600\"><\/span>\n                    <\/div>\n                    <div class=\"w-full bg-slate-200 rounded-full h-2.5\">\n                        <div id=\"progress-bar\" class=\"bg-emerald-500 h-2.5 rounded-full progress-bar-inner\"><\/div>\n                    <\/div>\n                    <div id=\"navigation-buttons\" class=\"flex justify-between items-center mt-4\">\n                        <!-- Navigation buttons will be injected here -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/main>\n        <footer class=\"text-center mt-6\">\n            <p class=\"text-xs text-slate-400\">Based on the South African CAPS curriculum guidelines.<\/p>\n        <\/footer>\n    <\/div>\n    \n    <!-- Quiz Modal -->\n    <div id=\"quiz-modal\" class=\"fixed inset-0 bg-black bg-opacity-60 hidden items-center justify-center p-4 backdrop-blur-sm\">\n        <div id=\"quiz-content\" class=\"bg-white border border-emerald-500\/20 rounded-lg shadow-2xl p-6 w-full max-w-2xl max-h-[90vh] overflow-y-auto\">\n             <!-- Quiz content will be injected here -->\n        <\/div>\n    <\/div>\n\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const studyData = [\n                {\n                    topic: \"Companies: Financial Statements\",\n                    content: [\n                        { title: \"Introduction to Company Statements\", text: \"Company Financial Statements are formal records of a business's financial activities. For Grade 12, the key statements are the Income Statement, the Balance Sheet, and the Cash Flow Statement. They provide insights into a company's performance, position, and liquidity.\" },\n                        { title: \"Income Statement (Statement of Comprehensive Income)\", text: \"The Income Statement shows the financial performance over a specific period. The core structure is: Sales - Cost of Sales = Gross Profit. Then, other incomes are added and operating expenses are subtracted to determine the Operating Profit.\" },\n                        { title: \"Income Statement: From Operating to Net Profit\", text: \"After calculating Operating Profit, you adjust for financial items. Add Interest Income, and subtract Interest Expense. This gives you the Profit Before Tax. Finally, subtract Income Tax Expense to arrive at the Net Profit for the Year.\" },\n                        { title: \"Key Income Statement Adjustments\", text: \"Common year-end adjustments include: Trading Stock Deficit\/Surplus, Depreciation, Provision for Bad Debts adjustments, Director's Fees, and Audit Fees. These must be correctly allocated to operating expenses.\" },\n                        { title: \"Balance Sheet (Statement of Financial Position)\", text: \"The Balance Sheet is a snapshot of the company's financial position at a single point in time. It's governed by the Accounting Equation: Assets = Equity + Liabilities. It shows what the company owns (Assets) and what it owes (Liabilities and Equity).\" },\n                        { title: \"Structure of the Balance Sheet\", text: \"Assets and Liabilities are split into Non-Current and Current categories. Non-Current Assets are held for over a year (e.g., Land, Equipment). Current Assets are converted to cash within a year (e.g., Stock, Debtors). The same logic applies to Liabilities (e.g., Loans vs. Creditors).\" },\n                        { title: \"Notes to the Financial Statements\", text: \"The Balance Sheet is supported by detailed notes. Key notes you must know are: Ordinary Share Capital (detailing shares issued) and Retained Income (linking last year's balance, net profit, and dividends to find the closing balance).\" },\n                        { title: \"Cash Flow Statement\", text: \"This statement tracks the actual movement of cash (inflows and outflows) over a period. It's vital for assessing if a company generates enough cash to sustain operations and pay debts. It is broken down into three main activities.\" },\n                        { title: \"Cash Flow: Operating Activities\", text: \"This section starts with 'Cash generated from operations'. A key calculation is reconciling Profit before tax with this figure, by adjusting for non-cash items like depreciation. It then shows cash effects of interest, tax, and dividends paid.\" },\n                        { title: \"Cash Flow: Investing & Financing\", text: \"Investing Activities involve the purchase (outflow) and sale (inflow) of non-current assets. Financing Activities relate to changes in the capital structure, such as proceeds from issuing shares (inflow) or repayment of loans (outflow).\" }\n                    ],\n                    quiz: [\n                        { question: \"Which statement shows a company's financial performance over a specific period?\", options: [\"Balance Sheet\", \"Cash Flow Statement\", \"Income Statement\", \"Retained Income Note\"], answer: \"Income Statement\" },\n                        { question: \"What is the fundamental Accounting Equation?\", options: [\"Assets = Equity - Liabilities\", \"Assets = Equity + Liabilities\", \"Equity = Assets + Liabilities\", \"Liabilities = Assets + Equity\"], answer: \"Assets = Equity + Liabilities\" },\n                        { question: \"On a Cash Flow Statement, depreciation is considered a:\", options: [\"Cash inflow from operations\", \"Cash outflow from investing\", \"Non-cash item\", \"Financing activity\"], answer: \"Non-cash item\" },\n                        { question: \"The purchase of new equipment would be recorded under which section of the Cash Flow Statement?\", options: [\"Operating Activities\", \"Investing Activities\", \"Financing Activities\", \"Non-cash Activities\"], answer: \"Investing Activities\" },\n                        { question: \"The Retained Income note primarily reconciles the previous year's balance with the current year's balance by accounting for Net Profit and what other item?\", options: [\"Taxation\", \"Issue of Shares\", \"Dividends\", \"Loan Repayments\"], answer: \"Dividends\" }\n                    ]\n                },\n                {\n                    topic: \"Analysis & Interpretation of Ratios\",\n                    content: [\n                        { title: \"The Purpose of Financial Ratios\", text: \"Ratios are tools used to analyse a company's financial statements. They allow for comparison over time and against competitors. They provide insights into profitability, liquidity, solvency, and returns to shareholders, which helps in decision-making.\" },\n                        { title: \"Profitability Ratios\", text: \"These measure the company's ability to generate profit from its sales and assets. Key formulas are:<br>\u2022 Gross Profit on Sales: (Gross Profit \/ Sales) x 100<br>\u2022 Operating Profit on Sales: (Operating Profit \/ Sales) x 100<br>\u2022 Net Profit on Sales: (Net Profit After Tax \/ Sales) x 100\" },\n                        { title: \"Liquidity Ratios\", text: \"Liquidity measures the ability to meet short-term obligations (debts due within a year). A company must manage its working capital effectively to remain liquid.<br>\u2022 Current Ratio: Current Assets : Current Liabilities (Ideal is 2:1)<br>\u2022 Acid-Test (Quick) Ratio: (Current Assets - Inventory) : Current Liabilities (Ideal is 1:1)\" },\n                        { title: \"Solvency & Risk Ratios\", text: \"Solvency is the ability to meet long-term debts. Risk and gearing assess how much the company relies on borrowed funds.<br>\u2022 Solvency Ratio: Total Assets : Total Liabilities<br>\u2022 Debt\/Equity Ratio: Non-Current Liabilities : Shareholders' Equity. This indicates the level of financial risk.\" },\n                        { title: \"Return Ratios for Shareholders\", text: \"These ratios are crucial for investors to assess the performance of their investment.<br>\u2022 Return on Shareholders' Equity (ROSHE): (Net Profit After Tax \/ Average Shareholders' Equity) x 100<br>\u2022 Return on Capital Employed (ROCE): (Operating Profit \/ Average Capital Employed) x 100\" },\n                        { title: \"Per-Share Ratios\", text: \"These ratios break down company value and earnings to a per-share basis.<br>\u2022 Earnings Per Share (EPS): Net Profit After Tax \/ Number of Issued Shares<br>\u2022 Dividends Per Share (DPS): Total Ordinary Dividends \/ Number of Issued Shares<br>\u2022 Net Asset Value (NAV): Ordinary Shareholders' Equity \/ Number of Issued Shares\" },\n                        { title: \"Dividend Payout Rate\", text: \"This shows the proportion of earnings paid out to shareholders as dividends. A low payout rate might mean the company is reinvesting profits for growth.<br>\u2022 Formula: Dividends Per Share (DPS) \/ Earnings Per Share (EPS)\" }\n                    ],\n                    quiz: [\n                        { question: \"Which category of ratios measures the ability to meet short-term obligations?\", options: [\"Profitability\", \"Solvency\", \"Liquidity\", \"Return Ratios\"], answer: \"Liquidity\" },\n                        { question: \"The generally accepted ideal for the Current Ratio is:\", options: [\"1:1\", \"1:2\", \"2:1\", \"3:1\"], answer: \"2:1\" },\n                        { question: \"The Debt\/Equity ratio is a key indicator of a company's:\", options: [\"Short-term profitability\", \"Long-term solvency and financial risk\", \"Ability to manage inventory\", \"Return to shareholders\"], answer: \"Long-term solvency and financial risk\" },\n                        { question: \"What does NAV stand for in the context of per-share ratios?\", options: [\"Net Annual Value\", \"Net Asset Value\", \"Nominal Asset Valuation\", \"Net Attributable Value\"], answer: \"Net Asset Value\" },\n                        { question: \"A company with a low dividend payout rate is likely:\", options: [\"Facing financial difficulty\", \"Reinvesting profits for future growth\", \"Distributing all profits to shareholders\", \"Not profitable\"], answer: \"Reinvesting profits for future growth\" }\n                    ]\n                },\n                {\n                    topic: \"Inventory (Stock) Valuation\",\n                    content: [\n                        { title: \"Importance of Accurate Stock Valuation\", text: \"The value of closing stock directly impacts the Cost of Sales calculation on the Income Statement, and therefore the Gross Profit. It is also a major component of Current Assets on the Balance Sheet. Using a consistent and correct method is essential for fair financial reporting.\" },\n                        { title: \"First-In, First-Out (FIFO) Method\", text: \"FIFO assumes that the first inventory items purchased are the first ones sold. This means the inventory left at the end of the period is assumed to be from the most recent purchases. The closing stock is therefore valued at the latest prices paid.\" },\n                        { title: \"Weighted Average Method\", text: \"This method is used when it's difficult to distinguish between stock items. It smooths out price fluctuations by calculating an average cost per unit.<br>\u2022 Formula: Total Cost of All Stock \/ Total Number of All Units. <br>The closing stock value is then (Units on Hand x Weighted Average Cost).\" },\n                        { title: \"Specific Identification Method\", text: \"This method is used for businesses with unique, high-value items like cars, artworks, or custom jewellery. Each item is tracked individually, so the exact cost of the closing stock can be determined by adding up the cost of each specific item remaining in inventory.\" }\n                    ],\n                    quiz: [\n                        { question: \"Which method assumes the first units purchased are the first ones sold?\", options: [\"Weighted Average\", \"Specific Identification\", \"FIFO\", \"LIFO\"], answer: \"FIFO\" },\n                        { question: \"A dealership selling luxury cars would most likely use which inventory valuation method?\", options: [\"Weighted Average\", \"Specific Identification\", \"FIFO\", \"Periodic Method\"], answer: \"Specific Identification\" },\n                        { question: \"The value of closing stock has a direct impact on which Income Statement item?\", options: [\"Sales\", \"Operating Expenses\", \"Interest Income\", \"Cost of Sales\"], answer: \"Cost of Sales\" },\n                        { question: \"Under the FIFO method, the inventory on hand at the end of a period is valued at the:\", options: [\"Oldest prices\", \"Average prices\", \"Latest prices\", \"An estimated price\"], answer: \"Latest prices\" },\n                        { question: \"The weighted average cost is calculated as:\", options: [\"Total Units \/ Total Cost\", \"Total Cost \/ Total Units\", \"Selling Price \/ Total Units\", \"Total Cost \/ Units Sold\"], answer: \"Total Cost \/ Total Units\" }\n                    ]\n                },\n                {\n                    topic: \"Budgets & Cost Accounting\",\n                    content: [\n                        { title: \"Introduction to Budgeting\", text: \"A budget is a financial plan for a future period, acting as a roadmap for the business. It helps in planning, decision-making, and controlling operations. By comparing actual results to the budget, a company can analyse variances and take corrective action.\" },\n                        { title: \"The Cash Budget\", text: \"A Cash Budget forecasts all expected cash inflows (receipts) and outflows (payments). Its primary goal is to manage liquidity, ensuring there's enough cash to meet obligations. It's prepared based on schedules for collecting cash from debtors and paying creditors.\" },\n                        { title: \"Cost Accounting Fundamentals\", text: \"Cost accounting is used in manufacturing to determine the cost of producing a product. Costs are classified to aid in decision-making.<br>\u2022 Fixed Costs: Do not change with production level (e.g., factory rent).<br>\u2022 Variable Costs: Change directly with production level (e.g., raw materials).\" },\n                        { title: \"Direct vs. Indirect Costs\", text: \"\u2022 Direct Costs: Can be traced directly to a product (e.g., Direct Labour, Raw Materials).<br>\u2022 Indirect Costs (Factory Overheads): Cannot be directly traced (e.g., factory supervisor's salary, electricity). These costs are allocated to products.\" },\n                        { title: \"Calculating the Break-Even Point\", text: \"The Break-Even Point (BEP) is the level of sales where the business makes neither a profit nor a loss (Total Revenue = Total Costs). It's a critical tool for planning.<br>\u2022 Formula (in units): Total Fixed Costs \/ (Selling Price per unit - Variable Cost per unit)\" }\n                    ],\n                    quiz: [\n                        { question: \"Which type of cost does not change with the level of production?\", options: [\"Variable Cost\", \"Direct Cost\", \"Fixed Cost\", \"Material Cost\"], answer: \"Fixed Cost\" },\n                        { question: \"The primary purpose of a Cash Budget is to:\", options: [\"Maximise profit\", \"Calculate the cost of a product\", \"Manage liquidity\", \"Set sales targets\"], answer: \"Manage liquidity\" },\n                        { question: \"The cost of raw materials used to produce an item is best described as a:\", options: [\"Fixed Cost\", \"Indirect Cost\", \"Period Cost\", \"Variable Cost\"], answer: \"Variable Cost\" },\n                        { question: \"At the Break-Even Point, a company's total revenue equals its:\", options: [\"Total Fixed Costs\", \"Total Variable Costs\", \"Total Costs\", \"Net Profit\"], answer: \"Total Costs\" },\n                        { question: \"A factory supervisor's salary is an example of an:\", options: [\"Direct Labour Cost\", \"Direct Material Cost\", \"Indirect Cost (Factory Overhead)\", \"Selling Expense\"], answer: \"Indirect Cost (Factory Overhead)\" }\n                    ]\n                },\n                {\n                    topic: \"Corporate Governance & Ethics\",\n                    content: [\n                        { title: \"Understanding Corporate Governance\", text: \"This is the system of rules, practices, and processes used to direct and control a company. Good governance ensures accountability, fairness, and transparency in a company's relationship with all its stakeholders (shareholders, employees, community, etc.).\" },\n                        { title: \"The King Codes of Governance (South Africa)\", text: \"The King Reports provide a guideline for good corporate governance in South Africa. Key principles include ethical leadership, responsible corporate citizenship, effective control, and ensuring the board of directors acts in the best interests of the company.\" },\n                        { title: \"Audits and Accountability\", text: \"Audits provide an independent verification of financial information.<br>\u2022 Internal Audit: Conducted by employees to check internal controls and processes.<br>\u2022 External Audit: Conducted by an independent firm to provide an opinion on whether the financial statements are presented fairly and accurately.\" },\n                        { title: \"Ethics and Professional Bodies\", text: \"The accounting profession is built on trust. Accountants must adhere to a strict code of conduct, including principles of integrity, objectivity, confidentiality, and professional competence. In South Africa, professional bodies like SAICA (South African Institute of Chartered Accountants) and SAIPA enforce these standards.\" }\n                    ],\n                    quiz: [\n                        { question: \"The system of rules and processes used to direct and control a company is known as:\", options: [\"Company Law\", \"Corporate Governance\", \"Management Accounting\", \"Financial Reporting\"], answer: \"Corporate Governance\" },\n                        { question: \"In South Africa, the primary guidelines for good corporate governance are found in the:\", options: [\"Companies Act\", \"JSE Listing Requirements\", \"King Codes\/Reports\", \"SARS Regulations\"], answer: \"King Codes\/Reports\" },\n                        { question: \"An audit conducted by a company's own employees is called an:\", options: [\"External Audit\", \"Statutory Audit\", \"Internal Audit\", \"Government Audit\"], answer: \"Internal Audit\" },\n                        { question: \"SAICA is the professional body for which group of professionals in South Africa?\", options: [\"Lawyers\", \"Engineers\", \"Chartered Accountants\", \"Doctors\"], answer: \"Chartered Accountants\" },\n                        { question: \"The principle that requires accountants to be honest and straightforward is:\", options: [\"Objectivity\", \"Confidentiality\", \"Professional Competence\", \"Integrity\"], answer: \"Integrity\" }\n                    ]\n                }\n            ];\n\n            const mainMenu = document.getElementById('main-menu');\n            const studyGuide = document.getElementById('study-guide');\n            const topicGrid = document.getElementById('topic-grid');\n            const guideContainer = document.getElementById('guide-content-wrapper');\n            const progressBar = document.getElementById('progress-bar');\n            const progressText = document.getElementById('progress-text');\n            const topicTitleEl = document.getElementById('topic-title');\n            const backToMenuBtn = document.getElementById('back-to-menu');\n            const quizModal = document.getElementById('quiz-modal');\n            const quizContent = document.getElementById('quiz-content');\n            const navigationButtons = document.getElementById('navigation-buttons');\n\n            let currentTopicIndex = 0;\n            let currentSectionIndex = 0;\n\n            function initializeMenu() {\n                topicGrid.innerHTML = '';\n                studyData.forEach((topicData, index) => {\n                    const button = document.createElement('button');\n                    button.className = 'topic-button bg-white p-6 rounded-lg shadow-md text-left border border-emerald-500\/20 hover:bg-slate-50';\n                    button.innerHTML = `\n                        <h3 class=\"text-xl font-semibold text-emerald-600\">${topicData.topic}<\/h3>\n                        <p class=\"text-slate-500 mt-1 text-sm\">${topicData.content.length} sections<\/p>\n                    `;\n                    button.onclick = () => startTopic(index);\n                    topicGrid.appendChild(button);\n                });\n            }\n\n            function startTopic(topicIndex) {\n                currentTopicIndex = topicIndex;\n                currentSectionIndex = 0;\n                mainMenu.classList.add('hidden');\n                studyGuide.classList.remove('hidden');\n                renderSection();\n            }\n\n            function backToMenu() {\n                mainMenu.classList.remove('hidden');\n                studyGuide.classList.add('hidden');\n            }\n\n            function renderSection() {\n                const section = studyData[currentTopicIndex].content[currentSectionIndex];\n                guideContainer.innerHTML = `\n                    <div class=\"content-card text-center p-4 w-full\">\n                        <h2 class=\"text-2xl font-bold mb-4 text-emerald-600\">${section.title}<\/h2>\n                        <div class=\"text-slate-700 leading-relaxed min-h-[250px] text-left\">${section.text}<\/div>\n                    <\/div>\n                `;\n                \n                setTimeout(() => {\n                    guideContainer.querySelector('.content-card')?.classList.add('active');\n                }, 50);\n\n                updateNavigation();\n            }\n            \n            function handleQuiz() {\n                quizModal.style.display = 'flex';\n                const quizData = studyData[currentTopicIndex].quiz;\n                if (quizData && quizData.length > 0) {\n                    renderQuiz(quizData);\n                } else {\n                     quizContent.innerHTML = `<p class=\"text-yellow-500 text-center\">No quiz available for this topic.<\/p> <button onclick=\"document.getElementById('quiz-modal').style.display='none'\" class=\"mt-4 bg-slate-200 py-2 px-4 rounded\">Close<\/button>`;\n                }\n            }\n\n            function renderQuiz(quizData) {\n                let quizHTML = `<h2 class=\"text-2xl font-bold mb-6 text-center text-emerald-600\">Quiz on ${studyData[currentTopicIndex].topic}<\/h2>`;\n                quizData.forEach((q, index) => {\n                    quizHTML += `<div class=\"mb-6\" data-answer=\"${q.answer.replace(\/\"\/g, '&quot;')}\">\n                        <p class=\"font-semibold mb-3 text-slate-800\">${index + 1}. ${q.question}<\/p>\n                        <div class=\"space-y-2 text-slate-700\">`;\n                    q.options.forEach(opt => {\n                        quizHTML += `<label class=\"flex items-center p-3 rounded-lg border border-slate-200 cursor-pointer hover:bg-slate-100 has-[:checked]:bg-emerald-100 has-[:checked]:border-emerald-400\">\n                            <input type=\"radio\" name=\"q${index}\" value=\"${opt.replace(\/\"\/g, '&quot;')}\" class=\"mr-3 w-4 h-4 text-emerald-600 bg-slate-100 border-slate-300 focus:ring-emerald-500 focus:ring-2\">\n                            <span>${opt}<\/span>\n                        <\/label>`;\n                    });\n                    quizHTML += `<\/div><p class=\"result-text mt-2 text-sm font-medium hidden\"><\/p><\/div>`;\n                });\n                quizHTML += `<div class=\"flex justify-between items-center mt-6\">\n                    <button id=\"close-quiz-btn\" class=\"bg-slate-500 hover:bg-slate-600 text-white font-bold py-2 px-4 rounded-lg\">Close<\/button>\n                    <button id=\"submit-quiz-btn\" class=\"bg-emerald-600 hover:bg-emerald-700 text-white font-bold py-2 px-4 rounded-lg\">Check Answers<\/button>\n                <\/div>`;\n                quizContent.innerHTML = quizHTML;\n                document.getElementById('submit-quiz-btn').addEventListener('click', () => {\n                    quizData.forEach((q, index) => {\n                        const container = quizContent.querySelectorAll('div[data-answer]')[index];\n                        const selected = container.querySelector(`input[name=\"q${index}\"]:checked`);\n                        const resultText = container.querySelector('.result-text');\n                        resultText.classList.remove('hidden');\n                        if (selected) {\n                            if (selected.value === q.answer) {\n                                resultText.textContent = 'Correct!';\n                                resultText.className = 'result-text mt-2 text-sm font-medium text-green-600';\n                            } else {\n                                resultText.textContent = `Incorrect. The correct answer is: ${q.answer}`;\n                                resultText.className = 'result-text mt-2 text-sm font-medium text-red-600';\n                            }\n                        } else {\n                            resultText.textContent = 'No answer selected.';\n                            resultText.className = 'result-text mt-2 text-sm font-medium text-yellow-600';\n                        }\n                    });\n                    document.getElementById('submit-quiz-btn').disabled = true;\n                });\n                document.getElementById('close-quiz-btn').addEventListener('click', () => quizModal.style.display = 'none');\n            }\n\n            function updateNavigation() {\n                navigationButtons.innerHTML = '';\n                const topic = studyData[currentTopicIndex];\n                const totalSections = topic.content.length;\n                const progressPercentage = ((currentSectionIndex + 1) \/ totalSections) * 100;\n                progressBar.style.width = `${progressPercentage}%`;\n                progressText.textContent = `Section ${currentSectionIndex + 1} of ${totalSections}`;\n                topicTitleEl.textContent = topic.topic;\n\n                const prevButton = document.createElement('button');\n                prevButton.id = 'prev-btn';\n                prevButton.className = 'bg-slate-200 hover:bg-slate-300 text-slate-700 font-bold py-2 px-6 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed';\n                prevButton.textContent = 'Previous';\n                prevButton.onclick = navigatePrev;\n                prevButton.disabled = currentSectionIndex === 0;\n                \n                const nextButton = document.createElement('button');\n                nextButton.id = 'next-btn';\n                \n                if (currentSectionIndex === totalSections - 1) {\n                    nextButton.className = 'quiz-action-button bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-6 rounded-lg transition-colors';\n                    nextButton.textContent = 'Finish Topic';\n                    nextButton.onclick = backToMenu;\n                    const quizButton = document.createElement('button');\n                    quizButton.id = 'quiz-btn';\n                    quizButton.className = 'quiz-action-button bg-emerald-600 hover:bg-emerald-700 text-white font-bold py-2 px-6 rounded-lg';\n                    quizButton.textContent = '\u270d\ufe0f Take Quiz';\n                    quizButton.onclick = handleQuiz;\n                    navigationButtons.appendChild(prevButton);\n                    navigationButtons.appendChild(quizButton);\n                    navigationButtons.appendChild(nextButton);\n                } else {\n                    nextButton.className = 'bg-emerald-600 hover:bg-emerald-700 text-white font-bold py-2 px-6 rounded-lg transition-colors';\n                    nextButton.textContent = 'Next';\n                    nextButton.onclick = navigateNext;\n                    navigationButtons.appendChild(prevButton);\n                    navigationButtons.appendChild(nextButton);\n                }\n            }\n            \n            function navigateNext() {\n                if (currentSectionIndex < studyData[currentTopicIndex].content.length - 1) {\n                    currentSectionIndex++;\n                    renderSection();\n                }\n            }\n\n            function navigatePrev() {\n                if (currentSectionIndex > 0) {\n                    currentSectionIndex--;\n                    renderSection();\n                }\n            }\n\n            let touchstartX = 0;\n            guideContainer.addEventListener('touchstart', e => { touchstartX = e.changedTouches[0].screenX; }, { passive: true });\n            guideContainer.addEventListener('touchend', e => {\n                let touchendX = e.changedTouches[0].screenX;\n                if (touchendX < touchstartX - 50) document.querySelector('#navigation-buttons button:last-child').click();\n                if (touchendX > touchstartX + 50) document.getElementById('prev-btn')?.click();\n            }, { passive: true });\n            \n            backToMenuBtn.addEventListener('click', backToMenu);\n            document.addEventListener('keydown', (e) => {\n                if(studyGuide.classList.contains('hidden') || quizModal.style.display === 'flex') return;\n                if (e.key === 'ArrowRight') document.querySelector('#navigation-buttons button:last-child').click();\n                if (e.key === 'ArrowLeft') document.getElementById('prev-btn')?.click();\n            });\n\n            initializeMenu();\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<span style=\"text-decoration-style: initial;\">See Other Topic<\/span>s\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[18,23],"tags":[24],"class_list":["post-743","page","type-page","status-publish","hentry","category-grade-12","category-high-school","tag-exam-tool-kit"],"_links":{"self":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/pages\/743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/types\/page"}],"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=743"}],"version-history":[{"count":6,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/pages\/743\/revisions"}],"predecessor-version":[{"id":1078,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/pages\/743\/revisions\/1078"}],"wp:attachment":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/media?parent=743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/categories?post=743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/tags?post=743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}