Skip to content

Instantly share code, notes, and snippets.

@shurane

shurane/contenteditable.html

Created April 27, 2022 20:05
Show Gist options
  • Save shurane/dc35cdfa3ca9281f6d1a72797979185f to your computer and use it in GitHub Desktop.
Save shurane/dc35cdfa3ca9281f6d1a72797979185f to your computer and use it in GitHub Desktop.
Download ZIP
data:text/html, <html contenteditable> with some extra styling to make it easier to use. Just copy/paste the code in your browser and type away. Or make it a bookmarklet.
Raw
contenteditable.html
data:text/html;charset=utf-8,<title>TextEditor</title><style>body{background:#fbfbfb;color:#333;margin:0%50auto;width:100%}textarea{background:#fbfbfb;border:0;color:#333;font-family:sans-serif;font-size:2rem;height:98%;line-height:1.4;margin:0%20auto;outline:0;padding:4rem;width:100%}button{background-color:#fbfbfb;border:1px%20#ccc%20solid;color:#999;cursor:pointer;float:right;margin:10px%200;padding:5px%2010px}@media%20(max-width:100%){body{width:100%;padding:0}textarea{padding:10px}button{float:none}}</style><body><button%20onclick="sM();%20return%20false">Email%20this</button><textarea%20contenteditable%20id=TE%20spellcheck=false%20placeholder=Write...%20autofocus></textarea><script>function%20sM(){var%20a="mailto:?subject="+escape("Text%20from%20TextEditor")+"&body="+escape(document.getElementById("TE").value);window.location.href=a};</script>
@HA7A7
Copy link

HA7A7 commented Aug 5, 2025

<title>كويز إدارة وسائل الإعلام</title> <style> body { font-family: 'Arial', sans-serif; background-color: #f5f7fa; color: #333; margin: 0; padding: 0; line-height: 1.6; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-top: 30px; margin-bottom: 30px; } h1 { color: #2c3e50; text-align: center; margin-bottom: 30px; border-bottom: 2px solid #3498db; padding-bottom: 10px; } .timer { background-color: #2c3e50; color: white; padding: 10px; border-radius: 5px; text-align: center; margin-bottom: 20px; font-size: 1.2em; } .question-container { display: none; margin-bottom: 20px; } .question-container.active { display: block; } .question { font-weight: bold; margin-bottom: 15px; font-size: 1.1em; color: #2c3e50; } .options { margin-bottom: 20px; } .option { background-color: #ecf0f1; padding: 10px 15px; margin-bottom: 10px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } .option:hover { background-color: #d6eaf8; } .option.selected { background-color: #3498db; color: white; } .feedback { margin-top: 15px; padding: 10px; border-radius: 5px; display: none; } .feedback.correct { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .feedback.incorrect { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .btn { background-color: #3498db; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 1em; transition: background-color 0.3s; margin-right: 10px; } .btn:hover { background-color: #2980b9; } .btn:disabled { background-color: #95a5a6; cursor: not-allowed; } .btn-confirm { background-color: #27ae60; } .btn-confirm:hover { background-color: #219653; } .navigation { display: flex; justify-content: space-between; margin-top: 20px; } .progress-container { margin-bottom: 20px; } .progress-bar { height: 10px; background-color: #ecf0f1; border-radius: 5px; overflow: hidden; } .progress { height: 100%; background-color: #3498db; width: 0%; transition: width 0.3s; } .progress-text { text-align: center; margin-top: 5px; font-size: 0.9em; color: #7f8c8d; } .results { display: none; text-align: center; padding: 20px; background-color: #f8f9fa; border-radius: 10px; margin-top: 20px; } .results h2 { color: #2c3e50; margin-bottom: 20px; } .score { font-size: 1.5em; margin-bottom: 20px; } .correct-answers { color: #27ae60; font-weight: bold; } .incorrect-answers { color: #e74c3c; font-weight: bold; } .question-number { text-align: center; margin-bottom: 10px; color: #7f8c8d; font-size: 0.9em; } </style>

كويز إدارة وسائل الإعلام

    <div class="timer" id="timer">الوقت المتبقي: 01:45:00</div>
    
    <div class="progress-container">
        <div class="progress-bar">
            <div class="progress" id="progress"></div>
        </div>
        <div class="progress-text" id="progress-text">السؤال 1 من 70</div>
    </div>
    
    <div id="quiz-container">
        <!-- Questions will be inserted here dynamically -->
    </div>
    
    <div class="navigation">
        <button class="btn" id="prev-btn" disabled>السابق</button>
        <button class="btn btn-confirm" id="confirm-btn" disabled>تأكيد الإجابة</button>
        <button class="btn" id="next-btn">التالي</button>
    </div>
    
    <div class="results" id="results">
        <h2>نتيجة الاختبار</h2>
        <div class="score">
            لقد أجبت على <span id="total-answered">0</span> من أصل 70 سؤالاً<br>
            الإجابات الصحيحة: <span class="correct-answers" id="correct-answers">0</span><br>
            الإجابات الخاطئة: <span class="incorrect-answers" id="incorrect-answers">0</span><br>
            النسبة المئوية: <span id="percentage">0</span>%
        </div>
        <button class="btn" id="restart-btn">إعادة الاختبار</button>
    </div>
</div>

<script>
    // Questions data
    const questions = [
        {
            question: "ما هو التعريف الأكثر شمولاً للمؤسسة الإعلامية؟",
            options: [
                "هي وحدة قانونية تتمتع باستقلال مالي وتنتج سلعاً وخدمات تجارية",
                "هي مجموعة من العوامل المنظمة التي تعبر عن واقع اقتصادي واجتماعي",
                "هي كيان اجتماعي يتفاعل مع بعضه لتحقيق أهداف محددة بالتخطيط",
                "جميع ما سبق"
            ],
            correctAnswer: 3,
            explanation: "التعريف الصحيح يجمع بين جميع الخصائص المذكورة في الوحدة الأولى."
        },
        {
            question: "ما هي إحدى خصائص الوسائل المقروءة وفقاً للمقرر؟",
            options: [
                "رجع الصدي فيها سريع",
                "تتأثر بمصادر التمويل",
                "تخاطب السمع فقط",
                "نصف استجابة الجمهور منها"
            ],
            correctAnswer: 1,
            explanation: "الوسائل المقروءة مثل الجرائد والمجلات تتأثر بمصادر التمويل ويكون رجع الصدي فيها بطيئاً."
        },
        {
            question: "ما الفرق بين الوسائل المرئية والمسموعة والوسائل المقروءة؟",
            options: [
                "الوسائل المرئية تخاطب السمع فقط",
                "الوسائل المقروءة يمكن قراءتها في أي وقت",
                "رجع الصدي في التلفزيون أسرع منه في السينما",
                "الوسائل المسموعة تكلف جهداً كبيراً"
            ],
            correctAnswer: 1,
            explanation: "الوسائل المقروءة يمكن قراءتها متى شاء القارئ، على عكس الوسائل المرئية والمسموعة التي تتطلب وقت بث محدد."
        },
        {
            question: "ما هي إحدى الأهداف الاقتصادية للمؤسسات الإعلامية؟",
            options: [
                "تحقيق الربحية",
                "تحسين مستوى معيشة العمال",
                "توفير الوسائل الترفيهية",
                "الدعوة إلى تنظيم العمال"
            ],
            correctAnswer: 0,
            explanation: "من الأهداف الاقتصادية الأساسية تحقيق الربحية كمعيار أساسي للمؤسسة."
        },
        {
            question: "ما هي الوظيفة الأساسية للمؤسسة الإعلامية في مجال التنشئة الاجتماعية؟",
            options: [
                "جمع الأخبار وتخزينها",
                "توفير رصيد مشترك من المعرفة للأفراد",
                "نشر الأعمال الثقافية والفنية",
                "إذاعة التمثيليات والفنون"
            ],
            correctAnswer: 1,
            explanation: "وظيفة التنشئة الاجتماعية تتمثل في توفير رصيد مشترك من المعرفة ودعم التآزر الاجتماعي."
        },
        {
            question: "كيف تصنف المؤسسات الإعلامية حسب حجمها؟",
            options: [
                "حسب رأس المال فقط",
                "حسب عدد العاملين بشكل رئيسي",
                "حسب حجم الإنتاج والدخل",
                "حسب المساحة الجغرافية"
            ],
            correctAnswer: 1,
            explanation: "المعيار العام لقياس حجم المؤسسة هو عدد العاملين، حيث تصنف إلى صغيرة ومتوسطة وكبيرة."
        },
        {
            question: "ما هي إحدى مكونات محيط المؤسسة الإعلامية؟",
            options: [
                "العناصر الاقتصادية فقط",
                "البنى الجغرافية والديموغرافية",
                "الإطار القانوني والبيئة التكنولوجية",
                "جميع ما سبق"
            ],
            correctAnswer: 3,
            explanation: "محيط المؤسسة الإعلامية يتكون من جميع هذه العناصر المذكورة في الوحدة الأولى."
        },
        {
            question: "ما هي المرحلة الأولى في دورة حياة المؤسسة الإعلامية حسب تقسيم MILLER&KIMBERLY؟",
            options: [
                "مرحلة التحول",
                "مرحلة النشأة",
                "مرحلة التدهور",
                "مرحلة النضج"
            ],
            correctAnswer: 1,
            explanation: "التقسيم يشمل مرحلة النشأة أولاً ثم التحول ثم التدهور."
        },
        {
            question: "ما هي إحدى خصائص مرحلة النشأة والأطلاق في دورة حياة المؤسسة؟",
            options: [
                "القدرة على التحكم في التكاليف",
                "وجود علامات تجارية",
                "وجود رأس مال كاف للتأسيس",
                "السمعة الجيدة"
            ],
            correctAnswer: 2,
            explanation: "من خصائص مرحلة النشأة وجود رأس مال كاف وتكاليف إنتاج مرتفعة وقدرة على تحمل الخسائر."
        },
        {
            question: "ما الفرق بين المؤسسات الإعلامية العامة والخاصة؟",
            options: [
                "العامة تهدف للربح بينما الخاصة لا تهدف للربح",
                "الخاصة تمتلكها الدولة بينما العامة يمتلكها أفراد",
                "العامة تقدم خدمات عامة ولا تهدف للربح في الغالب",
                "لا فرق بينهما"
            ],
            correctAnswer: 2,
            explanation: "المؤسسات العامة تمتلكها الدولة أو تساهم بجزء من رأس المال وتقدم خدمات عامة دون هدف ربحي في الغالب."
        },
        {
            question: "ما هي الوظيفة الإدارية الأولى حسب الوحدة الثالثة؟",
            options: [
                "التنظيم",
                "التخطيط",
                "التوجيه",
                "الرقابة"
            ],
            correctAnswer: 1,
            explanation: "غالباً ما يعتبر التخطيط هو الوظيفة الإدارية الأولى فهو القاعدة التي تقوم عليها باقي الوظائف."
        },
        {
            question: "ما هي الأسئلة الأربعة التي يجيب عليها مفهوم التخطيط العام؟",
            options: [
                "من، متى، كيف، لماذا",
                "ماذا، أين، ما العوامل، ما البدائل",
                "كم، أين، متى، كيف",
                "لماذا، من، كم، أين"
            ],
            correctAnswer: 1,
            explanation: "مفهوم التخطيط العام يجيب على: ماذا نريد، أين نحن من الهدف، ما العوامل المساعدة أو المعيقة، وما البدائل المتاحة."
        },
        {
            question: "ما هو العنصر الأول في عملية التخطيط بالمؤسسة الإعلامية؟",
            options: [
                "الاستعداد للمستقبل",
                "التنبؤ بالمستقبل",
                "تحديد الأهداف",
                "جمع البيانات"
            ],
            correctAnswer: 1,
            explanation: "العنصر الأول هو التنبؤ بالمستقبل الذي يجب أن يقوم على تقديرات دقيقة مع وضع نسبة معينة من الخطأ في الحسبان."
        },
        {
            question: "ما هو أسلوب تحليل SWOT في التخطيط الاستراتيجي؟",
            options: [
                "تحليل الأسئلة الحرجة",
                "تحليل جوانب القوة والضعف والفرص والمخاطر",
                "تحليل مجالات الاختصاص",
                "أسلوب استخدام السيناريوهات"
            ],
            correctAnswer: 1,
            explanation: "تحليل SWOT يقوم على مراجعة نقاط القوة والضعف داخل المؤسسة ومراجعة الفرص والمخاطر خارجها."
        },
        {
            question: "ما هي أول خطوة في خطوات التخطيط في المؤسسات الإعلامية؟",
            options: [
                "جمع البيانات وتبويبها",
                "تحديد الأهداف",
                "تحليل البدائل",
                "الالتزام بتنفيذ الخطة"
            ],
            correctAnswer: 1,
            explanation: "تحديد الأهداف هو البداية الفعلية للعملية التخطيطية حيث تستمد المؤسسة أهدافها من المجتمع الذي تعمل فيه."
        },
        {
            question: "ما هي إحدى خصائص التخطيط في المؤسسة الإعلامية؟",
            options: [
                "التركيز على التخطيط قصير المدى",
                "السرية والمرونة والاستمرارية",
                "الاعتماد على التخمينات",
                "الجمود وعدم التكيف"
            ],
            correctAnswer: 1,
            explanation: "من أهم خصائص التخطيط: السرية والمرونة والاستمرارية والشمولية والاهتمام بالمستقبل."
        },
        {
            question: "ما هي إحدى معوقات التخطيط في المؤسسات الإعلامية؟",
            options: [
                "سهولة التنبؤ الدقيق",
                "قلة التكاليف",
                "صعوبة التنبؤ الدقيق بالظروف المتغيرة",
                "توفير الوقت الكافي"
            ],
            correctAnswer: 2,
            explanation: "من المعوقات الرئيسية صعوبة التنبؤ الدقيق بالظروف المجتمعية والسياسية والاقتصادية المتغيرة."
        },
        {
            question: "ما هو المبدأ الأول من مبادئ التنظيم في المؤسسة الإعلامية؟",
            options: [
                "مبدأ التدرج الهرمي",
                "مبدأ التخصص",
                "مبدأ وحدة الأمر",
                "مبدأ نطاق الإشراف المناسب"
            ],
            correctAnswer: 0,
            explanation: "المبدأ الأول هو التدرج الهرمي الذي يشير إلى تقسيم السلطة رأسياً من القمة إلى القاعدة."
        },
        {
            question: "ما هو الفرق بين التنظيم الرسمي والغير رسمي؟",
            options: [
                "التنظيم الرسمي يعتمد على العلاقات الاجتماعية",
                "التنظيم غير الرسمي يحدده الهيكل التنظيمي",
                "التنظيم الرسمي يقوم على اللوائح المصممة",
                "لا فرق بينهما"
            ],
            correctAnswer: 2,
            explanation: "التنظيم الرسمي يقوم على اللوائح المصممة لتحليل العملية الإدارية، بينما غير الرسمي يعتمد على العلاقات الاجتماعية."
        },
        {
            question: "ما هي إحدى خصائص التنظيم غير الرسمي؟",
            options: [
                "وجود هدف تسعى إليه الجماعة",
                "تحديد حجم الجماعة بقواعد ثابتة",
                "القيادة تعين رسمياً",
                "معايير مكتوبة تنظم السلوك"
            ],
            correctAnswer: 0,
            explanation: "من خصائص التنظيم غير الرسمي وجود هدف تسعى إليه الجماعة يتفق عليه الأعضاء بشكل غير رسمي."
        },
        {
            question: "ما هي إحدى أسباب ظهور التنظيم غير الرسمي في المؤسسات الإعلامية؟",
            options: [
                "الرغبة في البيروقراطية",
                "الحاجة إلى المعلومات الفورية",
                "التقليل من التفاعل الاجتماعي",
                "تعزيز الروتين الإداري"
            ],
            correctAnswer: 1,
            explanation: "من الأسباب الرئيسية الحاجة إلى المعلومات الفورية بسبب بطء الأخبار في القنوات الرسمية."
        },
        {
            question: "ما هي الخطوة الأولى في إعداد الهيكل التنظيمي؟",
            options: [
                "تحديد العمليات المطلوبة",
                "تحديد الأهداف",
                "تعيين الأفراد",
                "توفير التسهيلات"
            ],
            correctAnswer: 1,
            explanation: "الخطوة الأولى هي تحديد الأهداف التي سيقوم عليها الهيكل التنظيمي بأكمله."
        },
        {
            question: "ما هو العامل الذي يؤثر في تصميم الهيكل التنظيمي؟",
            options: [
                "درجة تقسيم العمل",
                "لون المبنى",
                "أسماء الموظفين",
                "تاريخ التأسيس"
            ],
            correctAnswer: 0,
            explanation: "من العوامل المؤثرة: درجة تقسيم العمل، حجم المنظمة، التغير التكنولوجي، ودرجة الانتشار الجغرافي."
        },
        {
            question: "ما هي إحدى فوائد الاتصالات الداخلية في المؤسسة الإعلامية؟",
            options: [
                "تحديد الأهداف الواجب تنفيذها",
                "تحسين صورة المنظمة الخارجية",
                "زيادة المبيعات",
                "جذب المعلنين"
            ],
            correctAnswer: 0,
            explanation: "من فوائد الاتصالات الداخلية تحديد الأهداف، تعريف المشاكل، تقييم الأداء، والتنسيق بين المهام."
        },
        {
            question: "ما هو المستوى الأول من مستويات الاتصالات التنظيمية؟",
            options: [
                "الاتصالات الشخصية",
                "الاتصالات الذاتية",
                "الاتصالات الخارجية",
                "الاتصالات الجماعية"
            ],
            correctAnswer: 1,
            explanation: "المستوى الأول هو الاتصالات الذاتية التي تتم داخل الفرد عند اتخاذ القرارات."
        },
        {
            question: "ما هي عناصر عملية الاتصال حسب النموذج المذكور؟",
            options: [
                "المرسل، الرسالة، المستقبل",
                "المرسل، التشفير، الرسالة، القناة، المستقبل، فك الشفرة، التغذية الراجعة، التشويش",
                "الفكرة، التحويل، المسار، الحل",
                "الكاتب، القارئ، الوسيط"
            ],
            correctAnswer: 1,
            explanation: "النموذج الكامل يتضمن 8 عناصر: المرسل، التشفير، الرسالة، القناة، المستقبل، فك الشفرة، التغذية الراجعة، التشويش."
        },
        {
            question: "ما هي إحدى مزايا الاتصالات الصاعدة؟",
            options: [
                "تحقيق السرية المطلقة",
                "تشجيع العاملين على المشاركة بفاعلية",
                "تقليل التفاعل بين العاملين",
                "زيادة المركزية"
            ],
            correctAnswer: 1,
            explanation: "من مزايا الاتصالات الصاعدة تشجيع المشاركة، الدفاع عن القرارات، مناقشة الاقتراحات، وتحقيق الإشباع."
        },
        {
            question: "ما هي إحدى عوائق الاتصالات الأفقية؟",
            options: [
                "التخصص في المهام",
                "زيادة التعاون",
                "سهولة التنسيق",
                "الشفافية الكاملة"
            ],
            correctAnswer: 0,
            explanation: "من العوائق: المنافسة بين الأقسام، التخصص في المهام، ونقص الوعي بأهمية هذا النوع من الاتصالات."
        },
        {
            question: "ما الفرق بين الشبكات المركزية وغير المركزية؟",
            options: [
                "المركزية يكون الاتصال فيها حراً",
                "غير المركزية يكون الاتصال من خلال شخص مركزي",
                "المركزية يكون الاتصال من خلال شخص مركزي",
                "لا فرق بينهما"
            ],
            correctAnswer: 2,
            explanation: "الشبكات المركزية تتم من خلال شخص مركزي، بينما غير المركزية يكون الاتصال حراً بين الأطراف."
        },
        {
            question: "كيف يمكن التعامل مع الشائعات في شبكات الاتصال غير الرسمية؟",
            options: [
                "تجاهلها تماماً",
                "تقديم الحقائق من مصادر مسؤولة",
                "تكرار الشائعات",
                "معاقبة من يتحدث عنها"
            ],
            correctAnswer: 1,
            explanation: "من طرق التعامل: تقديم الحقائق، علاجها مبكراً، التركيز على الاتصال وجهاً لوجه، وعدم تكرار الأكاذيب."
        },
        {
            question: "ما هو التعريف الأكثر دقة للقيادة الإدارية؟",
            options: [
                "السيطرة على المرؤوسين",
                "النشاط الذي يمارسه شخص للتأثير في الناس وجعلهم يتعاونون لتحقيق هدف",
                "إصدار الأوامر والتعليمات",
                "مراقبة الأداء فقط"
            ],
            correctAnswer: 1,
            explanation: "القيادة هي نشاط تأثيري يهدف إلى تحقيق التعاون لبلوغ أهداف مشتركة."
        },
        {
            question: "ما هي إحدى صفات القائد الإداري الفعال؟",
            options: [
                "الانعزال عن المرؤوسين",
                "امتلاك الشجاعة وتحمل المسؤولية",
                "التقليل من شأن الآخرين",
                "الاعتماد الكلي على القواعد"
            ],
            correctAnswer: 1,
            explanation: "من صفات القائد الفعال: امتلاك الشجاعة، العمل بدافع الإبداع، تحديد الأهداف، ومساعدة الآخرين على النمو."
        },
        {
            question: "ما هو النمط القيادي الذي يحاول تركيز السلطة في يديه؟",
            options: [
                "القائد الديمقراطي",
                "القائد الأوتوقراطي",
                "القائد الحر",
                "القائد المتساهل"
            ],
            correctAnswer: 1,
            explanation: "القائد الأوتوقراطي يحاول تركيز السلطة في يده ويتحكم بكل صغيرة وكبيرة."
        },
        {
            question: "ما هي إحدى مهام القائد المدير في المؤسسة الإعلامية؟",
            options: [
                "التخطيط ورسم السياسات",
                "إهمال الجماعات غير الرسمية",
                "التقليل من مشاركة العاملين",
                "عدم الاهتمام بالقيم الأخلاقية"
            ],
            correctAnswer: 0,
            explanation: "من المهام: التخطيط، التعليم، التنسيق، تشكيل شبكة اتصالات، والمتابعة والإشراف."
        },
        {
            question: "ما هي الفائدة الأساسية لفرق العمل؟",
            options: [
                "زيادة الروتين",
                "تحقيق التعاون وتقليل المنافسة الفردية",
                "تقليل تبادل المعلومات",
                "زيادة المركزية"
            ],
            correctAnswer: 1,
            explanation: "الفائدة الأساسية هي تحقيق التعاون وتقليل المنافسة الفردية وزيادة تبادل المعلومات."
        },
        {
            question: "ما هي أنواع فرق العمل في المؤسسات الإعلامية؟",
            options: [
                "فرق الإدارة العليا فقط",
                "فرق الوظيفة، الفرق متعددة الوظائف، الفرق المدارة ذاتياً",
                "فرق العمل الفردية",
                "لا يوجد أنواع متعددة"
            ],
            correctAnswer: 1,
            explanation: "الأنواع تشمل: فرق الإدارة العليا، فرق الوظيفة، الفرق متعددة الوظائف، الفرق الموجهة ذاتياً، الفرق المدارة ذاتياً، والفرق الافتراضية."
        },
        {
            question: "ما هي المرحلة الأولى في بناء فرق العمل؟",
            options: [
                "مرحلة الأداء",
                "مرحلة التشكيل",
                "مرحلة الصراع",
                "مرحلة التعاون"
            ],
            correctAnswer: 1,
            explanation: "المراحل هي: التشكيل، الصراع، التعاون، ثم الأداء."
        },
        {
            question: "ما هي إحدى فوائد العمل بروح الفريق في المؤسسة الإعلامية؟",
            options: [
                "زيادة المركزية",
                "تقليل الاتصال",
                "تحسين مستوى الخدمات المقدمة للجمهور",
                "تقليل المسؤولية"
            ],
            correctAnswer: 2,
            explanation: "من الفوائد: تحسين الخدمات، زيادة المسؤولية، تحسين الاتصال، وتحقيق النمو المهني."
        },
        {
            question: "ما هو مفهوم الحوافز في المؤسسة الإعلامية؟",
            options: [
                "مجموعة المزايا التي تهيئها المؤسسة لتحريك القدرات الإنسانية",
                "العقوبات التأديبية فقط",
                "الرواتب الأساسية",
                "التهديد بالفصل"
            ],
            correctAnswer: 0,
            explanation: "الحوافز هي مجموعة المزايا التي تهيئها المؤسسة لتحريك القدرات الإنسانية وتأثير في السلوك."
        },
        {
            question: "ما الفرق بين الحوافز الإيجابية والسلبية؟",
            options: [
                "الإيجابية تعتمد على العقاب",
                "السلبية تعتمد على الترغيب",
                "الإيجابية تعتمد على الترغيب والأمل",
                "لا فرق بينهما"
            ],
            correctAnswer: 2,
            explanation: "الحوافز الإيجابية تعتمد على الترغيب والتشجيع، بينما السلبية تعتمد على العقاب والتخويف."
        },
        {
            question: "ما هي أنواع الحوافز من حيث طبيعتها؟",
            options: [
                "المادية فقط",
                "المعنوية فقط",
                "المادية والمعنوية",
                "الفردية فقط"
            ],
            correctAnswer: 2,
            explanation: "تنقسم الحوافز إلى مادية (مالية) ومعنوية (نفسية واجتماعية)."
        },
        {
            question: "ما هي إحدى مزايا الحافز المادي؟",
            options: [
                "البطء في التأثير",
                "السرعة والفورية في التأثير",
                "عدم وجود أثر نفسي",
                "عدم ارتباطه بالأداء"
            ],
            correctAnswer: 1,
            explanation: "من مزايا الحافز المادي: السرعة والفورية، تحسين الأداء دورياً، وتوفير قدرات شرائية."
        },
        {
            question: "ما هي إحدى خطوات تحفيز القائمين بالاتصال؟",
            options: [
                "تجاهل أفكارهم",
                "مساعدتهم على التطور والتوسع",
                "عدم توثيق إنجازاتهم",
                "تجاهل ملاحظاتهم"
            ],
            correctAnswer: 1,
            explanation: "من الخطوات: مساعدتهم على التوسع، وضع معايير واضحة، مساعدتهم على اكتساب مستويات أعلى، وتوثيق الإنجازات."
        },
        {
            question: "ما هي إحدى معوقات عملية التحفيز في المؤسسة الإعلامية؟",
            options: [
                "وضوح الأهداف",
                "الخوف أو الرهبة من المؤسسة",
                "المتابعة المستمرة",
                "التدريب الجيد"
            ],
            correctAnswer: 1,
            explanation: "من المعوقات: الخوف من المؤسسة، عدم وضوح الأهداف، قلة التدريب، وكثرة التغيير في القيادات."
        },
        {
            question: "ما هو المفهوم الصحيح للرقابة في المؤسسة الإعلامية؟",
            options: [
                "التهديد والتخويف فقط",
                "عملية قياس الأداء الفعلي ومقارنته بالمعايير",
                "إهمال الانحرافات",
                "عدم متابعة التنفيذ"
            ],
            correctAnswer: 1,
            explanation: "الرقابة هي عملية قياس الأداء الفعلي ومقارنته بالمعايير لمعرفة الانحرافات وعلاجها."
        },
        {
            question: "ما هي أنواع التغذية الراجعة في الرقابة؟",
            options: [
                "الحيادية فقط",
                "الإيجابية والسلبية فقط",
                "الحيادية، الإيجابية، والسلبية",
                "لا يوجد أنواع"
            ],
            correctAnswer: 2,
            explanation: "أنواع التغذية الراجعة: الحيادية (معلومات فقط)، الإيجابية (تشجيعية)، والسلبية (تصحيحية)."
        },
        {
            question: "ما هي إحدى فوائد نظام الرقابة الفعال؟",
            options: [
                "إهمال استخدام الموارد",
                "ضمان كفاءة استخدام الموارد",
                "التقليل من الاهتمام بالعناصر الأساسية",
                "عدم تعزيز الأنشطة الضرورية"
            ],
            correctAnswer: 1,
            explanation: "من فوائد الرقابة: توجيه السلوك، ضمان كفاءة استخدام الموارد، وتركيز الاهتمام على العناصر الأساسية."
        },
        {
            question: "ما هي إحدى متطلبات الرقابة الفعالة حسب كونتر وأودنيل؟",
            options: [
                "أن يكون النظام غير مرن",
                "أن يعكس النظام طبيعة النشاط",
                "أن يكون مكلفاً دون فائدة",
                "أن يكون غير واضح"
            ],
            correctAnswer: 1,
            explanation: "من المتطلبات: أن يعكس طبيعة النشاط، السرعة في الإبلاغ عن الأخطاء، المرونة، والوضوح."
        },
        {
            question: "ما هي العوامل المؤثرة على إيرادات المؤسسة الإعلامية من الاشتراكات؟",
            options: [
                "العوامل الاقتصادية فقط",
                "العوامل السياسية والاجتماعية فقط",
                "العوامل الفنية فقط",
                "جميع ما سبق"
            ],
            correctAnswer: 3,
            explanation: "تتأثر الإيرادات بالعوامل الاقتصادية، السياسية، الاجتماعية، والفنية."
        },
        {
            question: "ما هي مكونات تكاليف التحرير في المؤسسة الإعلامية؟",
            options: [
                "الأجور النقدية فقط",
                "المستلزمات السلعية فقط",
                "الخدمات (المصروفات) فقط",
                "جميع ما سبق"
            ],
            correctAnswer: 3,
            explanation: "تشمل تكاليف التحرير: الأجور النقدية، المستلزمات السلعية، والخدمات (المصروفات)."
        },
        {
            question: "ما هي وظائف النشاط التسويقي في المؤسسة الإعلامية؟",
            options: [
                "البيع فقط",
                "الإعلان وترويج المبيعات فقط",
                "بحوث التسويق فقط",
                "جميع ما سبق"
            ],
            correctAnswer: 3,
            explanation: "تشمل الوظائف: البيع، الإعلان وترويج المبيعات، بحوث التسويق، والتوزيع."
        },
        {
            question: "ما هو الهدف من دراسة تكاليف التسويق الاعلامي؟",
            options: [
                "زيادة الهدر في الموارد",
                "تحسين كفاءة استخدام الموارد التسويقية",
                "تقليل المبيعات",
                "إهمال الجمهور"
            ],
            correctAnswer: 1,
            explanation: "الهدف هو تحسين كفاءة استخدام الموارد التسويقية وزيادة فعالية الأنشطة التسويقية."
        },
        {
            question: "ما هي إحدى خصائص المؤسسة الإعلامية كنظام؟",
            options: [
                "هي نظام مغلق على محيطها",
                "هي نظام مفتوح يتفاعل مع محيطه",
                "لا تتفاعل مع البيئة الخارجية",
                "تعمل بمعزل عن المجتمع"
            ],
            correctAnswer: 1,
            explanation: "المؤسسة الإعلامية هي نظام مفتوح يتفاعل مع محيطه من خلال علاقات تبادلية لتحقيق الأهداف."
        },
        {
            question: "ما هي إحدى وظائف المؤسسة الإعلامية في مجال التربية؟",
            options: [
                "جمع الأخبار فقط",
                "تعزيز النمو الثقافي من خلال نشر المعرفة",
                "إذاعة التمثيليات فقط",
                "توفير الترفيه فقط"
            ],
            correctAnswer: 1,
            explanation: "وظيفة التربية تتمثل في تعزيز النمو الثقافي ونشر المعرفة واكتساب المهارات."
        },
        {
            question: "كيف يتم قياس حجم المؤسسة الإعلامية حسب المقرر؟",
            options: [
                "حسب لون الشعار فقط",
                "حجم المبنى فقط",
                "عدد العاملين بشكل رئيسي",
                "عدد الزوار اليومي"
            ],
            correctAnswer: 2,
            explanation: "المعيار العام لقياس حجم المؤسسة هو عدد العاملين (صغيرة: 100-500، متوسطة: 500-1000، كبيرة: أكثر من 500)."
        },
        {
            question: "ما هي إحدى خصائص مرحلة النمو والتوسع في دورة حياة المؤسسة؟",
            options: [
                "انخفاض الطلب على المنتجات",
                "وجود علامات تجارية وزيادة الطلب",
                "عدم القدرة على التحكم في التكاليف",
                "تراجع المبيعات"
            ],
            correctAnswer: 1,
            explanation: "من خصائص مرحلة النمو: وجود علامات تجارية، زيادة الطلب، القدرة على التحكم في التكاليف، والبحث عن الكفاءة."
        },
        {
            question: "ما هو الفرق الرئيسي بين المؤسسات الإعلامية الحكومية والخاصة؟",
            options: [
                "الحكومية تهدف للربح بينما الخاصة لا تهدف للربح",
                "الخاصة تقدم خدمات عامة فقط",
                "الحكومية تقدم خدمات عامة ولا تهدف للربح في الغالب",
                "لا فرق بينهما"
            ],
            correctAnswer: 2,
            explanation: "المؤسسات الحكومية تقدم خدمات عامة ولا تهدف للربح في الغالب، بينما الخاصة تكون ربحية."
        },
        {
            question: "ما هي الخطوة الأولى في عملية التخطيط؟",
            options: [
                "جمع البيانات",
                "تحديد الأهداف",
                "تحليل البدائل",
                "تنفيذ الخطة"
            ],
            correctAnswer: 1,
            explanation: "تحديد الأهداف هو الخطوة الأولى والأساسية في أي عملية تخطيط."
        },
        {
            question: "ما هو أسلوب تحليل السيناريوهات في التخطيط؟",
            options: [
                "التركيز على المخرجات فقط",
                "افتراض احتمالات ممكنة لفهم القوى المؤثرة",
                "عدم النظر إلى المستقبل",
                "اعتماد التخمينات فقط"
            ],
            correctAnswer: 1,
            explanation: "أسلوب السيناريوهات يركز على فهم القوى المؤثرة من خلال افتراض احتمالات ممكنة."
        },
        {
            question: "ما هي إحدى معوقات التخطيط الإعلامي؟",
            options: [
                "وضوح الأهداف",
                "عدم استعانة المؤسسة بالخبراء المختصين",
                "دقة البيانات والمعلومات",
                "مشاركة المستوى الأدنى في وضع الأهداف"
            ],
            correctAnswer: 1,
            explanation: "من المعوقات: عدم الاستعانة بالخبراء، عدم التأكد من صحة البيانات، وعدم مشاركة المنفذين."
        },
        {
            question: "ما هو المبدأ الثاني من مبادئ التنظيم؟",
            options: [
                "مبدأ وحدة الأمر",
                "مبدأ التخصص",
                "مبدأ نطاق الإشراف",
                "مبدأ تكافؤ السلطة والمسؤولية"
            ],
            correctAnswer: 1,
            explanation: "المبادئ هي: التدرج الهرمي، التخصص، وحدة الأمر، نطاق الإشراف، وتكافؤ السلطة والمسؤولية."
        },
        {
            question: "ما هي إحدى فوائد التنظيم غير الرسمي؟",
            options: [
                "يساعد على تحقيق أهداف التنظيم الرسمي إذا تحقق الانسجام",
                "يزيد من البيروقراطية",
                "يقلل من التفاعل الاجتماعي",
                "يعيق نقل المعلومات"
            ],
            correctAnswer: 0,
            explanation: "من فوائده: تحقيق أهداف التنظيم الرسمي، تقليل مناعب التنظيم الرسمي، وتوفير معلومات خلفية للإدارة."
        },
        {
            question: "ما هي إحدى سلبيات التنظيم غير الرسمي؟",
            options: [
                "سرعة تداول الشائعات",
                "تحسين الاتصالات",
                "زيادة التعاون",
                "تحقيق الإشباع الاجتماعي"
            ],
            correctAnswer: 0,
            explanation: "من السلبيات: مقاومة التغيير، صراع الدور، وسرعة تداول الشائعات."
        },
        {
            question: "ما هي الخطوة الأولى في تصميم الهيكل التنظيمي؟",
            options: [
                "تعيين الأفراد",
                "تحديد الأهداف",
                "توفير التسهيلات",
                "تحديد العلاقات"
            ],
            correctAnswer: 1,
            explanation: "الخطوات هي: تحديد الأهداف، تحديد النشاطات، تحديد العمليات، تحديد الوظائف، تعيين الأفراد، إعطاء السلطات، تحديد الواجبات، وتوفير التسهيلات."
        },
        {
            question: "ما هو العامل التكنولوجي المؤثر في تصميم الهيكل التنظيمي؟",
            options: [
                "لون الجدران",
                "استخدام الحاسب الآلي",
                "عدد النوافذ",
                "مساحة المبنى"
            ],
            correctAnswer: 1,
            explanation: "التغير التكنولوجي مثل استخدام الحاسب الآلي يؤثر على الهيكل التنظيمي من حيث الترابط وتخفيض العاملين."
        },
        {
            question: "ما هي إحدى فوائد الاتصالات الداخلية؟",
            options: [
                "تحديد الأهداف الواجب تنفيذها",
                "تحسين الصورة الخارجية فقط",
                "جذب المعلنين",
                "زيادة المبيعات مباشرة"
            ],
            correctAnswer: 0,
            explanation: "من فوائدها: تحديد الأهداف، تعريف المشاكل، تقييم الأداء، والتنسيق بين المهام."
        },
        {
            question: "ما هو العنصر الأول في نموذج عملية الاتصال؟",
            options: [
                "المستقبل",
                "المرسل",
                "التغذية الراجعة",
                "التشويش"
            ],
            correctAnswer: 1,
            explanation: "العناصر بالترتيب: المرسل، التشفير، الرسالة، القناة، المستقبل، فك الشفرة، التغذية الراجعة، التشويش."
        },
        {
            question: "ما هي ميزة الاتصالات الصاعدة؟",
            options: [
                "تقليل المشاركة",
                "تشجيع العاملين على المشاركة بفاعلية",
                "زيادة المركزية",
                "تقليل الشفافية"
            ],
            correctAnswer: 1,
            explanation: "من مزاياها: تشجيع المشاركة، الدفاع عن القرارات، مناقشة الاقتراحات، وتحقيق الإشباع."
        },
        {
            question: "ما هو عائق الاتصالات الأفقية؟",
            options: [
                "زيادة التعاون",
                "التخصص في المهام",
                "سهولة التنسيق",
                "الشفافية الكاملة"
            ],
            correctAnswer: 1,
            explanation: "من العوائق: المنافسة بين الأقسام، التخصص في المهام، ونقص الوعي بأهميتها."
        },
        {
            question: "ما هي ميزة الشبكات غير المركزية؟",
            options: [
                "الاعتماد على شخص واحد",
                "الاتصال الحر بين الأطراف",
                "البطء في اتخاذ القرارات",
                "عدم وجود تفاعل"
            ],
            correctAnswer: 1,
            explanation: "الشبكات غير المركزية تتيح الاتصال الحر بين الأطراف باتجاهين."
        },
        {
            question: "ما هي طريقة التعامل مع الشائعات؟",
            options: [
                "تجاهلها",
                "تقديم الحقائق من مصادر مسؤولة",
                "تضخيمها",
                "معاقبة الناقلين فقط"
            ],
            correctAnswer: 1,
            explanation: "من طرق التعامل: تقديم الحقائق، علاجها مبكراً، التركيز على الاتصال المباشر، وعدم تكرار الأكاذيب."
        },
        {
            question: "ما هي صفة أساسية للقائد الفعال؟",
            options: [
                "الانعزال",
                "امتلاك الشجاعة",
                "التقليل من شأن الآخرين",
                "عدم تحديد الأهداف"
            ],
            correctAnswer: 1,
            explanation: "من الصفات: امتلاك الشجاعة، العمل بالإبداع، تحديد الأهداف، ومساعدة الآخرين على النمو."
        },
        {
            question: "ما هو النمط القيادي الذي يشارك المرؤوسين في القرارات؟",
            options: [
                "الأوتوقراطي",
                "الديمقراطي",
                "المتساهل",
                "الفوضوي"
            ],
            correctAnswer: 1,
            explanation: "القائد الديمقراطي يشرك المرؤوسين في اتخاذ القرارات ويشجع المشاركة."
        },
        {
            question: "ما هي فائدة فرق العمل؟",
            options: [
                "زيادة الروتين",
                "تحقيق التعاون",
                "تقليل الاتصال",
                "زيادة المركزية"
            ],
            correctAnswer: 1,
            explanation: "الفائدة الأساسية هي تحقيق التعاون وتقليل المنافسة الفردية وزيادة تبادل المعلومات."
        },
        {
            question: "ما هي مرحلة الصراع في بناء الفرق؟",
            options: [
                "البدء بالشعور بالاختلاف والجدل",
                "الانسجام التام",
                "عدم وجود تفاعل",
                "التركيز على الأهداف فقط"
            ],
            correctAnswer: 0,
            explanation: "مرحلة الصراع تتميز بالشعور بالاختلاف والجدل حول وجهات النظر الشخصية."
        },
        {
            question: "ما هو الهدف من الحوافز؟",
            options: [
                "تقليل الأداء",
                "تحريك القدرات الإنسانية وتحسين الأداء",
                "زيادة الروتين",
                "تقليل المسؤولية"
            ],
            correctAnswer: 1,
            explanation: "الحوافز تهدف إلى تحريك القدرات وتحسين الأداء وزيادة الإنتاجية."
        },
        {
            question: "ما الفرق بين الحوافز المادية والمعنوية؟",
            options: [
                "المادية فقط تشمل المال",
                "المعنوية فقط تشمل المكافآت",
                "المادية تشمل المال والمعنوية تشمل التقدير",
                "لا فرق بينهما"
            ],
            correctAnswer: 2,
            explanation: "المادية تشمل المكافآت المالية، والمعنوية تشمل التقدير والمشاركة في القرارات."
        },
        {
            question: "ما هي خطوة في تحفيز العاملين؟",
            options: [
                "إهمال أفكارهم",
                "مساعدتهم على التطور",
                "عدم توثيق الإنجازات",
                "تجاهل ملاحظاتهم"
            ],
            correctAnswer: 1,
            explanation: "من الخطوات: مساعدتهم على التطور، وضع معايير واضحة، وتوثيق الإنجازات."
        },
        {
            question: "ما هو مفهوم الرقابة الفعالة؟",
            options: [
                "التهديد فقط",
                "قياس الأداء ومقارنته بالمعايير",
                "إهمال الانحرافات",
                "عدم المتابعة"
            ],
            correctAnswer: 1,
            explanation: "الرقابة الفعالة تقوم على قياس الأداء ومقارنته بالمعايير لتصحيح الانحرافات."
        },
        {
            question: "ما هي إحدى فوائد الرقابة؟",
            options: [
                "إهدار الموارد",
                "ضمان كفاءة استخدام الموارد",
                "تقليل الاهتمام بالأهداف",
                "عدم تعزيز الأنشطة"
            ],
            correctAnswer: 1,
            explanation: "من فوائدها: توجيه السلوك، ضمان كفاءة الموارد، وتركيز الاهتمام على الأهداف."
        },
        {
            question: "ما هي العوامل المؤثرة على إيرادات المؤسسة؟",
            options: [
                "الاقتصادية فقط",
                "السياسية والاجتماعية فقط",
                "الفنية فقط",
                "جميع ما سبق"
            ],
            correctAnswer: 3,
            explanation: "تتأثر الإيرادات بالعوامل الاقتصادية، السياسية، الاجتماعية، والفنية."
        },
        {
            question: "ما هي مكونات تكاليف التحرير؟",
            options: [
                "الأجور فقط",
                "المستلزمات فقط",
                "الخدمات فقط",
                "جميع ما سبق"
            ],
            correctAnswer: 3,
            explanation: "تشمل تكاليف التحرير: الأجور، المستلزمات، والخدمات."
        },
        {
            question: "ما هي وظيفة بحوث التسويق؟",
            options: [
                "جمع الحقائق عن السوق",
                "البيع فقط",
                "التوزيع فقط",
                "الإعلان فقط"
            ],
            correctAnswer: 0,
            explanation: "وظيفة بحوث التسويق تشمل جمع الحقائق عن السوق ودراستها لوضع التوصيات."
        }
    ];

    // Quiz variables
    let currentQuestion = 0;
    let score = 0;
    let answeredQuestions = 0;
    let userAnswers = new Array(questions.length).fill(null);
    let timer;
    let timeLeft = 105 * 60; // 105 minutes in seconds

    // DOM elements
    const quizContainer = document.getElementById('quiz-container');
    const timerElement = document.getElementById('timer');
    const progressBar = document.getElementById('progress');
    const progressText = document.getElementById('progress-text');
    const prevBtn = document.getElementById('prev-btn');
    const nextBtn = document.getElementById('next-btn');
    const confirmBtn = document.getElementById('confirm-btn');
    const resultsContainer = document.getElementById('results');
    const totalAnsweredElement = document.getElementById('total-answered');
    const correctAnswersElement = document.getElementById('correct-answers');
    const incorrectAnswersElement = document.getElementById('incorrect-answers');
    const percentageElement = document.getElementById('percentage');
    const restartBtn = document.getElementById('restart-btn');

    // Initialize the quiz
    function initQuiz() {
        // Create question elements
        questions.forEach((q, index) => {
            const questionDiv = document.createElement('div');
            questionDiv.className = 'question-container';
            questionDiv.id = `question-${index}`;
            
            const questionNumber = document.createElement('div');
            questionNumber.className = 'question-number';
            questionNumber.textContent = `السؤال ${index + 1}`;
            
            const questionElement = document.createElement('div');
            questionElement.className = 'question';
            questionElement.textContent = q.question;
            
            const optionsDiv = document.createElement('div');
            optionsDiv.className = 'options';
            
            q.options.forEach((option, optIndex) => {
                const optionDiv = document.createElement('div');
                optionDiv.className = 'option';
                optionDiv.textContent = option;
                optionDiv.dataset.optionIndex = optIndex;
                optionDiv.addEventListener('click', () => selectOption(index, optIndex));
                optionsDiv.appendChild(optionDiv);
            });
            
            const feedbackDiv = document.createElement('div');
            feedbackDiv.className = 'feedback';
            feedbackDiv.id = `feedback-${index}`;
            
            questionDiv.appendChild(questionNumber);
            questionDiv.appendChild(questionElement);
            questionDiv.appendChild(optionsDiv);
            questionDiv.appendChild(feedbackDiv);
            quizContainer.appendChild(questionDiv);
        });
        
        // Show first question
        showQuestion(currentQuestion);
        
        // Start timer
        startTimer();
        
        // Event listeners
        prevBtn.addEventListener('click', prevQuestion);
        nextBtn.addEventListener('click', nextQuestion);
        confirmBtn.addEventListener('click', confirmAnswer);
        restartBtn.addEventListener('click', restartQuiz);
    }
    
    // Show a specific question
    function showQuestion(index) {
        // Hide all questions
        document.querySelectorAll('.question-container').forEach(q => {
            q.classList.remove('active');
        });
        
        // Show selected question
        document.getElementById(`question-${index}`).classList.add('active');
        
        // Update navigation buttons
        prevBtn.disabled = index === 0;
        nextBtn.disabled = index === questions.length - 1;
        
        // Update progress
        progressBar.style.width = `${(index + 1) / questions.length * 100}%`;
        progressText.textContent = `السؤال ${index + 1} من ${questions.length}`;
        
        // Highlight selected option if exists
        if (userAnswers[index] !== null) {
            const options = document.querySelectorAll(`#question-${index} .option`);
            options.forEach(opt => {
                opt.classList.remove('selected');
                if (parseInt(opt.dataset.optionIndex) === userAnswers[index]) {
                    opt.classList.add('selected');
                }
            });
        }
        
        // Update confirm button
        confirmBtn.disabled = userAnswers[index] !== null;
    }
    
    // Select an option
    function selectOption(qIndex, optIndex) {
        const options = document.querySelectorAll(`#question-${qIndex} .option`);
        options.forEach(opt => opt.classList.remove('selected'));
        options[optIndex].classList.add('selected');
        
        // Enable confirm button if not already answered
        if (qIndex === currentQuestion && userAnswers[qIndex] === null) {
            confirmBtn.disabled = false;
        }
    }
    
    // Confirm answer
    function confirmAnswer() {
        const selectedOption = document.querySelector(`#question-${currentQuestion} .option.selected`);
        if (!selectedOption) return;
        
        const selectedIndex = parseInt(selectedOption.dataset.optionIndex);
        userAnswers[currentQuestion] = selectedIndex;
        
        // Check if answer is correct
        const isCorrect = selectedIndex === questions[currentQuestion].correctAnswer;
        const feedbackDiv = document.getElementById(`feedback-${currentQuestion}`);
        
        if (isCorrect) {
            score++;
            feedbackDiv.textContent = 'إجابة صحيحة!';
            feedbackDiv.className = 'feedback correct';
        } else {
            feedbackDiv.textContent = `إجابة خاطئة. ${questions[currentQuestion].explanation}`;
            feedbackDiv.className = 'feedback incorrect';
        }
        
        feedbackDiv.style.display = 'block';
        answeredQuestions++;
        
        // Disable confirm button
        confirmBtn.disabled = true;
        
        // Automatically move to next question if not last
        if (currentQuestion < questions.length - 1) {
            setTimeout(() => {
                nextQuestion();
            }, 1500);
        } else {
            // If last question, show results
            setTimeout(showResults, 1500);
        }
    }
    
    // Show next question
    function nextQuestion() {
        if (currentQuestion < questions.length - 1) {
            currentQuestion++;
            showQuestion(currentQuestion);
            
            // Highlight selected option if exists
            if (userAnswers[currentQuestion] !== null) {
                const options = document.querySelectorAll(`#question-${currentQuestion} .option`);
                options.forEach(opt => opt.classList.remove('selected'));
                options[userAnswers[currentQuestion]].classList.add('selected');
            }
            
            // Update confirm button
            confirmBtn.disabled = userAnswers[currentQuestion] !== null;
        }
    }
    
    // Show previous question
    function prevQuestion() {
        if (currentQuestion > 0) {
            currentQuestion--;
            showQuestion(currentQuestion);
            
            // Highlight selected option if exists
            if (userAnswers[currentQuestion] !== null) {
                const options = document.querySelectorAll(`#question-${currentQuestion} .option`);
                options.forEach(opt => opt.classList.remove('selected'));
                options[userAnswers[currentQuestion]].classList.add('selected');
            }
            
            // Update confirm button
            confirmBtn.disabled = userAnswers[currentQuestion] !== null;
        }
    }
    
    // Start timer
    function startTimer() {
        timer = setInterval(() => {
            timeLeft--;
            
            const hours = Math.floor(timeLeft / 3600);
            const minutes = Math.floor((timeLeft % 3600) / 60);
            const seconds = timeLeft % 60;
            
            timerElement.textContent = `الوقت المتبقي: ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
            
            if (timeLeft <= 0) {
                clearInterval(timer);
                showResults();
            }
        }, 1000);
    }
    
    // Show results
    function showResults() {
        clearInterval(timer);
        
        // Calculate results
        const incorrect = answeredQuestions - score;
        const percentage = Math.round((score / questions.length) * 100);
        
        // Display results
        totalAnsweredElement.textContent = answeredQuestions;
        correctAnswersElement.textContent = score;
        incorrectAnswersElement.textContent = incorrect;
        percentageElement.textContent = percentage;
        
        // Hide quiz and show results
        document.querySelector('.progress-container').style.display = 'none';
        document.querySelector('.navigation').style.display = 'none';
        quizContainer.style.display = 'none';
        resultsContainer.style.display = 'block';
    }
    
    // Restart quiz
    function restartQuiz() {
        // Reset variables
        currentQuestion = 0;
        score = 0;
        answeredQuestions = 0;
        userAnswers = new Array(questions.length).fill(null);
        timeLeft = 105 * 60;
        
        // Reset UI
        document.querySelectorAll('.feedback').forEach(fb => {
            fb.style.display = 'none';
        });
        
        document.querySelectorAll('.option').forEach(opt => {
            opt.classList.remove('selected');
        });
        
        document.querySelector('.progress-container').style.display = 'block';
        document.querySelector('.navigation').style.display = 'flex';
        quizContainer.style.display = 'block';
        resultsContainer.style.display = 'none';
        
        // Show first question
        showQuestion(currentQuestion);
        
        // Reset timer
        clearInterval(timer);
        startTimer();
        
        // Reset confirm button
        confirmBtn.disabled = true;
    }
    
    // Initialize the quiz when the page loads
    window.onload = initQuiz;
</script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment