طريقة عمل الهرمونات البنكرياسية للسنة 2 ثانوي شعبة علوم تجريبية

/* --- General Setup & Theming --- */ :root { --a3oloumdz-primary-dark: #005a8d; --a3oloumdz-primary-light: #0097a7; --a3oloumdz-accent-correct: #28a745; --a3oloumdz-accent-incorrect: #dc3545; --a3oloumdz-text-light: #f8f9fa; --a3oloumdz-text-dark: #212529; --a3oloumdz-glass-bg: rgba(255, 255, 255, 0.1); --a3oloumdz-glass-border: rgba(255, 255, 255, 0.2); --a3oloumdz-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2); --a3oloumdz-font: 'Cairo', 'Tajawal', sans-serif; } .a3oloumdz-Cquiz-container { all: unset; display: block; direction: rtl; font-family: var(--a3oloumdz-font); background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); color: var(--a3oloumdz-text-light); padding: 20px; border-radius: 20px; overflow: hidden; position: relative; width: 100%; max-width: 800px; margin: 20px auto; box-sizing: border-box; box-shadow: 0 15px 40px rgba(0,0,0,0.3); } .a3oloumdz-Cquiz-container * { box-sizing: border-box; } /* --- Screen Management --- */ .a3oloumdz-screen { display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; animation: a3oloumdz-fadeIn 0.5s ease-in-out; } .a3oloumdz-screen.a3oloumdz-active { display: flex; } @keyframes a3oloumdz-fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* --- Card Styles --- */ .a3oloumdz-card { background: var(--a3oloumdz-glass-bg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--a3oloumdz-glass-border); border-radius: 15px; padding: 25px 30px; width: 100%; box-shadow: var(--a3oloumdz-shadow); } /* --- Start Screen --- */ .a3oloumdz-start-screen h1 { font-size: 2.5rem; color: var(--a3oloumdz-text-light); background: linear-gradient(45deg, var(--a3oloumdz-primary-light), #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; } .a3oloumdz-start-screen p { font-size: 1.1rem; max-width: 90%; margin: 0 auto 25px auto; line-height: 1.7; } /* --- General Button Styles --- */ .a3oloumdz-button { background: linear-gradient(45deg, var(--a3oloumdz-primary-light), var(--a3oloumdz-primary-dark)); color: var(--a3oloumdz-text-light); border: none; border-radius: 50px; padding: 15px 35px; font-size: 1.2rem; font-weight: bold; font-family: var(--a3oloumdz-font); cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 151, 167, 0.3); } .a3oloumdz-button:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 151, 167, 0.5); } .a3oloumdz-button:focus-visible { outline: 3px solid var(--a3oloumdz-primary-light); outline-offset: 3px; } /* Ripple Effect */ .a3oloumdz-ripple { position: absolute; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); transform: scale(0); animation: a3oloumdz-ripple-animation 0.6s linear; } @keyframes a3oloumdz-ripple-animation { to { transform: scale(4); opacity: 0; } } /* --- Quiz Screen --- */ .a3oloumdz-quiz-header { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; padding: 0 10px; } .a3oloumdz-quiz-header .a3oloumdz-score, .a3oloumdz-quiz-header .a3oloumdz-question-counter { font-size: 1.1rem; font-weight: bold; background: var(--a3oloumdz-glass-bg); padding: 8px 15px; border-radius: 20px; } .a3oloumdz-progress-bar-container { width: 100%; background-color: var(--a3oloumdz-glass-bg); border-radius: 10px; height: 12px; margin-bottom: 25px; overflow: hidden; } .a3oloumdz-progress-bar { height: 100%; width: 0%; background: linear-gradient(90deg, var(--a3oloumdz-primary-light), var(--a3oloumdz-accent-correct)); border-radius: 10px; transition: width 0.4s ease-out; transform-origin: right; transform: scaleX(-1); /* For RTL fill */ } .a3oloumdz-question-text { font-size: 1.5rem; margin-bottom: 25px; line-height: 1.6; } .a3oloumdz-answer-options { display: grid; grid-template-columns: 1fr; gap: 15px; width: 100%; list-style: none; padding: 0; margin: 0; } .a3oloumdz-answer-option { background: var(--a3oloumdz-glass-bg); border: 2px solid var(--a3oloumdz-glass-border); padding: 15px; border-radius: 10px; cursor: pointer; transition: all 0.2s ease-in-out; text-align: right; font-size: 1.1rem; } .a3oloumdz-answer-option:hover { background: rgba(255, 255, 255, 0.2); border-color: var(--a3oloumdz-primary-light); transform: scale(1.02); } .a3oloumdz-answer-option.a3oloumdz-correct { background-color: var(--a3oloumdz-accent-correct) !important; border-color: #fff !important; color: white; transform: scale(1.05); } .a3oloumdz-answer-option.a3oloumdz-incorrect { background-color: var(--a3oloumdz-accent-incorrect) !important; border-color: #fff !important; color: white; } .a3oloumdz-answer-option.a3oloumdz-disabled { pointer-events: none; opacity: 0.7; } .a3oloumdz-feedback-container { margin-top: 20px; min-height: 50px; } .a3oloumdz-feedback-text { font-size: 1.1rem; font-weight: bold; padding: 10px; border-radius: 8px; display: none; } .a3oloumdz-feedback-text.a3oloumdz-correct { background: rgba(40, 167, 69, 0.2); color: #d4edda; display: block; } .a3oloumdz-feedback-text.a3oloumdz-incorrect { background: rgba(220, 53, 69, 0.2); color: #f8d7da; display: block; } .a3oloumdz-explanation-text { margin-top: 10px; font-style: italic; color: #bdc3c7; display: none; } .a3oloumdz-next-button { margin-top: 20px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; } .a3oloumdz-next-button.a3oloumdz-visible { visibility: visible; opacity: 1; } /* Ad Container Styles */ .a3oloumdz-ad-container { margin: 20px 0; width: 100%; display: flex; justify-content: center; align-items: center; min-height: 100px; /* Minimum height for ad visibility */ } /* --- Ad Break Screen --- */ .a3oloumdz-ad-break-screen h2 { font-size: 2rem; margin-bottom: 20px; color: var(--a3oloumdz-primary-light); } .a3oloumdz-ad-break-screen p { font-size: 1.2rem; margin-bottom: 25px; } .a3oloumdz-continue-button { visibility: hidden; } /* --- End Screen --- */ .a3oloumdz-end-screen h2 { font-size: 2.2rem; margin-bottom: 10px; } .a3oloumdz-badge { font-size: 1.5rem; font-weight: bold; padding: 10px 25px; border-radius: 50px; margin-bottom: 25px; display: inline-block; } .a3oloumdz-badge-perfect { background: linear-gradient(45deg, #FFD700, #FFA500); color: var(--a3oloumdz-text-dark); } .a3oloumdz-badge-good { background: linear-gradient(45deg, #C0C0C0, #A9A9A9); color: var(--a3oloumdz-text-dark); } .a3oloumdz-badge-review { background: linear-gradient(45deg, #CD7F32, #A0522D); color: var(--a3oloumdz-text-light); } .a3oloumdz-results-summary { font-size: 1.3rem; margin-bottom: 25px; } .a3oloumdz-end-buttons { display: flex; gap: 15px; margin-top: 25px; flex-wrap: wrap; justify-content: center; } .a3oloumdz-restart-button { background: linear-gradient(45deg, var(--a3oloumdz-accent-correct), #20c997); } .a3oloumdz-review-button { background: linear-gradient(45deg, #6c757d, #343a40); } /* --- Review Section --- */ #a3oloumdz-review-section { display: none; width: 100%; margin-top: 30px; text-align: right; animation: a3oloumdz-fadeIn 0.5s; } .a3oloumdz-review-item { background: rgba(0,0,0,0.2); padding: 15px; border-radius: 10px; margin-bottom: 15px; border-right: 4px solid var(--a3oloumdz-primary-dark); } .a3oloumdz-review-question { font-weight: bold; margin-bottom: 10px; } .a3oloumdz-review-user-answer { margin-bottom: 5px; } .a3oloumdz-review-correct-answer { color: #28a745; font-weight: bold; } /* --- Canvas for Confetti --- */ #a3oloumdz-confetti-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100; } /* --- Responsive Design --- */ @media (max-width: 600px) { .a3oloumdz-Cquiz-container { padding: 15px; } .a3oloumdz-card { padding: 20px; } .a3oloumdz-start-screen h1 { font-size: 2rem; } .a3oloumdz-question-text { font-size: 1.3rem; } .a3oloumdz-button { padding: 12px 28px; font-size: 1rem; } .a3oloumdz-end-buttons { flex-direction: column; align-items: stretch; } } اختبار فهم: دور العصبونات يختبر هذا الاختبار مدى فهمك للعلاقة بين الجهاز العصبي والهرموني، وتحديداً دور عصبونات تحت السرير البصري في تنظيم الإفرازات المبيضية. هل أنت مستعد؟ ابدأ الاختبار النتيجة: 0 سؤال 1 / 20 السؤال التالي استراحة قصيرة أداء رائع حتى الآن! خذ نفساً عميقاً، نحن في منتصف الطريق. متابعة الاختبار انتهى الاختبار! إعادة الاختبار مراجعة الإجابات document.addEventListener('DOMContentLoaded', () => { // Check if quiz is inside the specified container, otherwise initialize immediately. // This ensures it runs in snippets and full pages. const quizContainer = document.querySelector('.a3oloumdz-Cquiz-container'); if (quizContainer) { initializeQuiz(quizContainer); } }); function initializeQuiz(container) { // --- DOM Elements --- const startScreen = container.querySelector('#a3oloumdz-start-screen'); const quizScreen = container.querySelector('#a3oloumdz-quiz-screen'); const adBreakScreen = container.querySelector('#a3oloumdz-ad-break-screen'); const endScreen = container.querySelector('#a3oloumdz-end-screen'); const startButton = container.querySelector('#a3oloumdz-start-button'); const nextButton = container.querySelector('#a3oloumdz-next-button'); const continueButton = container.querySelector('#a3oloumdz-continue-button'); const restartButton = container.querySelector('#a3oloumdz-restart-button'); const reviewButton = container.querySelector('#a3oloumdz-review-button'); const questionText = container.querySelector('#a3oloumdz-question-text'); const answerOptions = container.querySelector('#a3oloumdz-answer-options'); const scoreDisplay = container.querySelector('#a3oloumdz-score'); const questionCounter = container.querySelector('#a3oloumdz-question-counter'); const progressBar = container.querySelector('#a3oloumdz-progress-bar'); const feedbackText = container.querySelector('#a3oloumdz-feedback-text'); const explanationText = container.querySelector('#a3oloumdz-explanation-text'); const resultsSummary = container.querySelector('#a3oloumdz-results-summary'); const endTitle = container.querySelector('#a3oloumdz-end-title'); const badge = container.querySelector('#a3oloumdz-badge'); const reviewSection = container.querySelector('#a3oloumdz-review-section'); const confettiCanvas = container.querySelector('#a3oloumdz-confetti-canvas'); // --- Quiz Data --- const quizData = [ { question: "ما هو الدور الرئيسي للعصبونات تحت السريرية في الإفرازات المبيضية؟", options: ["إفراز FSH و LH مباشرة", "تحفيز المبيضين مباشرة", "إفراز GnRH لتحفيز الغدة النخامية", "تنظيم درجة حرارة الجسم فقط"], correctAnswer: 2, explanation: "العصبونات تحت السريرية تفرز هرمون GnRH، الذي بدوره يحفز الغدة النخامية لإفراز FSH و LH." }, { question: "أين تقع الخلايا التي تفرز هرموني FSH و LH؟", options: ["في تحت السرير البصري", "في المبيضين", "في الفص الأمامي للغدة النخامية", "في سويقة الغدة النخامية"], correctAnswer: 2, explanation: "الفص الأمامي للغدة النخامية هو المسؤول عن إنتاج وإفراز هرموني FSH و LH استجابةً لـ GnRH." }, { question: "كيف يتم نقل هرمون GnRH من تحت السرير البصري إلى الغدة النخامية؟", options: ["عبر الدورة الدموية العامة", "عبر الأعصاب مباشرة", "عبر الشريان النخامي الأعلى ثم الوريد البابي النخامي", "عبر السائل الدماغي الشوكي"], correctAnswer: 2, explanation: "يستخدم GnRH نظاماً دموياً بابياً متخصصاً للوصول بتركيز عالٍ إلى الغدة النخامية." }, { question: "ما هي الإشارات الكهربائية التي تنتقل عبر المحاور العصبية لتحفيز إفراز الهرمونات؟", options: ["موجات ألفا", "كمونات العمل", "الإشارات الضوئية", "ردود الفعل اللاإرادية"], correctAnswer: 1, explanation: "كمونات العمل هي النبضات الكهربائية التي تستخدمها الخلايا العصبية للتواصل وتحفيز العمليات مثل الإفراز الهرموني." }, { question: "أي من التالي يصف طبيعة إفراز هرمون GnRH بشكل أفضل؟", options: ["مستمر وثابت", "عشوائي وغير منتظم", "دُفقي ومنتظم", "فقط عند النوم"], correctAnswer: 2, explanation: "يُفرز GnRH على شكل نبضات أو دفعات منتظمة، وهو أمر حاسم لعمل الغدة النخامية بشكل صحيح." }, { question: "في تجربة قرد المكاك، ماذا لوحظ مباشرة بعد تسجيل كمونات العمل في الألياف العصبية؟", options: ["زيادة في إفراز الأستروجين", "زيادة في إفراز GnRH ثم LH", "انخفاض في درجة حرارة الجسم", "توقف الدورة المبيضية"], correctAnswer: 1, explanation: "التجربة أظهرت تواقتاً واضحاً: كمونات العمل تؤدي إلى إفراز GnRH، والذي يؤدي فوراً إلى إفراز LH." }, { question: "ما هو المصطلح الذي يصف العملية التي ينسق فيها الجهاز العصبي مع الغدد الصماء؟", options: ["التنظيم الذاتي", "التنسيق العصبي الهرموني", "الاستجابة المناعية", "التوازن الحمضي القاعدي"], correctAnswer: 1, explanation: "التنسيق العصبي الهرموني هو المصطلح الدقيق الذي يصف التكامل بين الجهازين العصبي والهرموني." }, { question: "أي هرمون يرمز له بـ LH؟", options: ["الهرمون المنشط للجريبات", "الهرمون المكوّن للجسم الأصفر", "الهرمون المحرر للمثيرات الغدية", "هرمون النمو"], correctAnswer: 1, explanation: "LH هو اختصار لـ Luteinizing Hormone، أو الهرمون الملوتن (المكوّن للجسم الأصفر)." }, { question: "إذا حدث انسداد في 'الوريد البابي النخامي'، فما النتيجة الأكثر احتمالاً على المدى القصير؟", options: ["سيزداد إفراز FSH و LH", "سينخفض إفراز FSH و LH بشكل حاد", "لن يتأثر المبيضان", "سيزداد إفراز GnRH في الدم العام"], correctAnswer: 1, explanation: "هذا الوريد هو الطريق الرئيسي لوصول GnRH إلى الغدة النخامية. انسداده يمنع التحفيز، مما يؤدي إلى انخفاض حاد في FSH و LH." }, { question: "أي من العوامل التالية يمكن أن يؤثر سلباً على انتظام إفراز GnRH؟", options: ["ممارسة الرياضة المعتدلة", "النوم الكافي", "التوتر والضغط النفسي الشديد", "شرب الماء"], correctAnswer: 2, explanation: "الحالة النفسية والسلوكية، مثل التوتر، لها تأثير مباشر على منطقة تحت السرير البصري، مما قد يعطل الإفراز المنتظم لـ GnRH." }, { question: "ما هو الدور النهائي لهرموني FSH و LH؟", options: ["تحفيز تحت السرير البصري", "تحفيز المبيضين لإفراز الأستروجينات والبروجسترون", "تنظيم ضغط الدم", "بناء العضلات"], correctAnswer: 1, explanation: "يصل FSH و LH إلى المبيضين عبر الدم لتحفيزهما على أداء وظائفهما، بما في ذلك إنتاج الهرمونات الجنسية وتنظيم الدورة المبيضية." }, { question: "أي جزء من المعقد تحت السريري النخامي يحتوي على الأجسام الخلوية العصبية؟", options: ["الفص الأمامي للغدة النخامية", "المبيض", "تحت السرير البصري", "سويقة الغدة النخامية"], correctAnswer: 2, explanation: "الأجسام الخلوية للعصبونات المفرزة لـ GnRH تقع في منطقة تحت السرير البصري في الدماغ." }, { question: "'المراقبة الرجعية' هي آلية مهمة. ماذا يعني هذا في سياق هذا الدرس؟", options: ["أن الدماغ يراقب نفسه فقط", "أن الهرمونات المبيضية تؤثر بدورها على إفرازات الدماغ", "أن الجهاز العصبي يرسل إشارات رجعية", "أن الغدة النخامية تتحكم في تحت السرير البصري"], correctAnswer: 1, explanation: "تعني المراقبة الرجعية (Feedback) أن نواتج عملية ما (الهرمونات المبيضية) تؤثر على بداية العملية (إفراز GnRH)، مما يخلق حلقة تنظيمية." }, { question: "أي من التالي ليس جزءاً من البنية التشريحية للمعقد تحت السريري النخامي المذكور في الدرس؟", options: ["المحاور الأسطوانية", "سويقة الغدة النخامية", "الجسم الأصفر", "النهايات العصبية"], correctAnswer: 2, explanation: "الجسم الأصفر هو بنية تتكون داخل المبيض، وليس جزءاً من المعقد الدماغي تحت السريري النخامي." }, { question: "ما هو الاختصار الذي يمثل 'الهرمون المنشط للجريبات المبيضية'؟", options: ["LH", "GnRH", "FSH", "TSH"], correctAnswer: 2, explanation: "FSH هو اختصار لـ Follicle-Stimulating Hormone، أي الهرمون المنشط للجريبات." }, { question: "ما الفرق الأساسي بين طريقة تواصل تحت السرير البصري مع النخامية، وطريقة تواصل النخامية مع المبيضين؟", options: ["الأولى عصبية بحتة والثانية هرمونية بحتة", "لا يوجد فرق جوهري", "الأولى تستخدم نظام دم موضعي (بابي) والثانية تستخدم الدورة الدموية العامة", "الأولى سريعة جداً والثانية بطيئة جداً"], correctAnswer: 2, explanation: "التواصل الأول محلي ومركز عبر الجهاز البابي، بينما الثاني بعيد المدى ويتم عبر الدورة الدموية العامة للجسم." }, { question: "ما الذي يحفز النهايات العصبية في منطقة تحت السرير البصري على إفراز GnRH؟", options: ["ارتفاع مستوى السكر في الدم", "وصول كمونات العمل عبر المحاور الأسطوانية", "انخفاض درجة حرارة الجسم", "إشارة مباشرة من المبيض"], correctAnswer: 1, explanation: "وصول الإشارة الكهربائية (كمون العمل) إلى نهاية العصبون هو المحفز المباشر لإطلاق النواقل العصبية أو الهرمونات المخزنة." }, { question: "في أي مرحلة دراسية يعتبر هذا الدرس أساسياً حسب المقال؟", options: ["السنة الأولى ثانوي", "السنة الثانية ثانوي علوم تجريبية", "السنة الثالثة ثانوي آداب", "المرحلة الجامعية"], correctAnswer: 1, explanation: "يذكر المقال صراحة أن الدرس أساسي في منهاج السنة الثانية ثانوي علوم تجريبية." }, { question: "بناءً على الدرس، إذا تم حقن شخص بمركب يمنع ارتباط GnRH بمستقبلاته في الغدة النخامية، ماذا سيحدث؟", options: ["سيزداد إفراز GnRH بشكل تعويضي", "لن يتم إفراز FSH و LH بالرغم من وجود GnRH", "سيزداد حجم المبيضين", "سيتم تحفيز الإباضة"], correctAnswer: 1, explanation: "إذا تم منع الارتباط، فلن تتمكن الغدة النخامية من استقبال إشارة GnRH، وبالتالي لن تفرز FSH و LH، مما يعطل السلسلة الهرمونية." }, { question: "أي من هذه الوظائف لا ينظمها تحت السرير البصري بشكل مباشر أو غير مباشر حسب السياق العام؟", options: ["الوظائف التناسلية", "التوازن الهرموني", "هضم البروتينات في المعدة", "الاستجابة للتوتر"], correctAnswer: 2, explanation: "هضم البروتينات في المعدة عملية كيميائية وميكانيكية محلية، بينما ينظم تحت السرير البصري الوظائف الأخرى المذكورة." } ]; // --- State Variables --- let currentQuestionIndex = 0; let score = 0; let shuffledQuestions = []; let userAnswers = []; const AD_BREAK_AFTER_QUESTION = 9; // --- Motivational Messages --- const correctMessages = ["ممتاز!", "إجابة صحيحة!", "أحسنت!", "رائع!", "مذهل!"]; const incorrectMessages = ["حاول مرة أخرى!", "ليست الإجابة الصحيحة.", "فكر مرة أخرى.", "للأسف، إجابة خاطئة."]; // --- Functions --- /** * Pushes an ad request to AdSense. * Call this function whenever an ad container becomes visible. */ function pushAd() { try { (adsbygoogle = window.adsbygoogle || []).push({}); } catch (e) { console.error("AdSense push failed: ", e); } } function shuffleArray(array) { return array.slice().sort(() => Math.random() - 0.5); } function startQuiz() { currentQuestionIndex = 0; score = 0; userAnswers = []; shuffledQuestions = shuffleArray(quizData); scoreDisplay.textContent = `النتيجة: 0`; reviewSection.style.display = 'none'; reviewSection.innerHTML = ''; // Hide in-quiz ad at the beginning const inQuizAd = container.querySelector('#a3oloumdz-in-quiz-ad'); inQuizAd.style.display = 'none'; switchScreen(quizScreen); loadQuestion(); } function switchScreen(activeScreen) { container.querySelectorAll('.a3oloumdz-screen').forEach(screen => { screen.classList.remove('a3oloumdz-active'); }); activeScreen.classList.add('a3oloumdz-active'); } function loadQuestion() { // Show in-quiz ad at a certain frequency (e.g., every 4 questions) const inQuizAd = container.querySelector('#a3oloumdz-in-quiz-ad'); if ((currentQuestionIndex + 1) % 4 === 0) { inQuizAd.style.display = 'flex'; pushAd(); } else { inQuizAd.style.display = 'none'; } const currentQuestion = shuffledQuestions[currentQuestionIndex]; questionText.textContent = currentQuestion.question; answerOptions.innerHTML = ''; feedbackText.style.display = 'none'; explanationText.style.display = 'none'; nextButton.classList.remove('a3oloumdz-visible'); const shuffledAnswers = shuffleArray(currentQuestion.options.map((option, index) => ({ text: option, originalIndex: index }))); shuffledAnswers.forEach(option => { const li = document.createElement('li'); li.textContent = option.text; li.classList.add('a3oloumdz-answer-option'); li.dataset.originalIndex = option.originalIndex; li.addEventListener('click', selectAnswer); answerOptions.appendChild(li); }); updateProgress(); } function selectAnswer(e) { const selectedOption = e.target; const correctIndex = shuffledQuestions[currentQuestionIndex].correctAnswer; const selectedIndex = parseInt(selectedOption.dataset.originalIndex, 10); const isCorrect = selectedIndex === correctIndex; userAnswers.push({ question: shuffledQuestions[currentQuestionIndex].question, selected: selectedOption.textContent, correct: shuffledQuestions[currentQuestionIndex].options[correctIndex], isCorrect: isCorrect }); if (isCorrect) { score++; selectedOption.classList.add('a3oloumdz-correct'); feedbackText.textContent = correctMessages[Math.floor(Math.random() * correctMessages.length)]; feedbackText.className = 'a3oloumdz-feedback-text a3oloumdz-correct'; } else { selectedOption.classList.add('a3oloumdz-incorrect'); feedbackText.textContent = incorrectMessages[Math.floor(Math.random() * incorrectMessages.length)]; feedbackText.className = 'a3oloumdz-feedback-text a3oloumdz-incorrect'; // Highlight the correct answer const correctOptionElement = Array.from(answerOptions.children).find(li => parseInt(li.dataset.originalIndex) === correctIndex); if (correctOptionElement) { correctOptionElement.classList.add('a3oloumdz-correct'); } } explanationText.textContent = `التوضيح: ${shuffledQuestions[currentQuestionIndex].explanation}`; explanationText.style.display = 'block'; scoreDisplay.textContent = `النتيجة: ${score}`; disableOptions(); setTimeout(() => { nextButton.classList.add('a3oloumdz-visible'); }, 500); } function disableOptions() { Array.from(answerOptions.children).forEach(option => { option.classList.add('a3oloumdz-disabled'); option.removeEventListener('click', selectAnswer); }); } function handleNextQuestion() { currentQuestionIndex++; if (currentQuestionIndex === AD_BREAK_AFTER_QUESTION) { showAdBreak(); } else if (currentQuestionIndex { quizScreen.style.animation = 'a3oloumdz-fadeIn 0.5s ease-in-out'; loadQuestion(); }); } else { showEndScreen(); } } function showAdBreak() { switchScreen(adBreakScreen); pushAd(); // Request ad when screen is shown const continueBtn = container.querySelector('#a3oloumdz-continue-button'); continueBtn.style.visibility = 'hidden'; setTimeout(() => { continueBtn.style.visibility = 'visible'; }, 2000); // 2-second delay } function continueFromAdBreak() { if (currentQuestionIndex < shuffledQuestions.length) { switchScreen(quizScreen); loadQuestion(); } else { showEndScreen(); } } function updateProgress() { const progressPercentage = ((currentQuestionIndex + 1) / shuffledQuestions.length) * 100; progressBar.style.width = `${progressPercentage}%`; questionCounter.textContent = `سؤال ${currentQuestionIndex + 1} / ${shuffledQuestions.length}`; } function showEndScreen() { switchScreen(endScreen); pushAd(); // Request ad for the end screen const percentage = Math.round((score / shuffledQuestions.length) * 100); resultsSummary.textContent = `لقد حصلت على ${score} من ${shuffledQuestions.length} (${percentage}%)`; if (percentage >= 90) { endTitle.textContent = "نتيجة مذهلة!"; badge.textContent = "خبير في البيولوجيا 🧠"; badge.className = "a3oloumdz-badge a3oloumdz-badge-perfect"; runConfetti(); } else if (percentage >= 60) { endTitle.textContent = "عمل جيد!"; badge.textContent = "باحث مجتهد 🔬"; badge.className = "a3oloumdz-badge a3oloumdz-badge-good"; } else { endTitle.textContent = "تحتاج إلى مراجعة!"; badge.textContent = "يحتاج لمراجعة 📚"; badge.className = "a3oloumdz-badge a3oloumdz-badge-review"; } } function showReview() { reviewSection.style.display = reviewSection.style.display === 'block' ? 'none' : 'block'; if(reviewSection.innerHTML === '') { userAnswers.forEach((answer, index) => { const item = document.createElement('div'); item.classList.add('a3oloumdz-review-item'); item.innerHTML = ` ${index + 1}. ${answer.question} إجابتك: ${answer.selected} ${!answer.isCorrect ? `الإجابة الصحيحة: ${answer.correct}` : ''} `; reviewSection.appendChild(item); }); } } function createRipple(event) { const button = event.currentTarget; const circle = document.createElement("span"); const diameter = Math.max(button.clientWidth, button.clientHeight); const radius = diameter / 2; circle.style.width = circle.style.height = `${diameter}px`; const rect = button.getBoundingClientRect(); circle.style.left = `${event.clientX - rect.left - radius}px`; circle.style.top = `${event.clientY - rect.top - radius}px`; circle.classList.add("a3oloumdz-ripple"); const ripple = button.getElementsByClassName("a3oloumdz-ripple")[0]; if (ripple) { ripple.remove(); } button.appendChild(circle); } // --- Confetti Logic --- function runConfetti() { const ctx = confettiCanvas.getContext('2d'); confettiCanvas.width = confettiCanvas.offsetWidth; confettiCanvas.height = confettiCanvas.offsetHeight; let confettiParticles = []; const particleCount = 200; const colors = ['#FFD700', '#0097a7', '#28a745', '#f8f9fa', '#005a8d']; class ConfettiParticle { constructor(x, y) { this.x = x; this.y = y; this.size = Math.random() * 7 + 3; this.speedX = Math.random() * 3 - 1.5; this.speedY = Math.random() * 2 + 1; this.color = colors[Math.floor(Math.random() * colors.length)]; this.angle = Math.random() * 2 * Math.PI; this.spin = Math.random() confettiCanvas.height) { this.y = -10; this.x = Math.random() * confettiCanvas.width; } } draw() { ctx.save(); ctx.translate(this.x, this.y); ctx.rotate(this.angle); ctx.fillStyle = this.color; ctx.fillRect(-this.size / 2, -this.size / 2, this.size, this.size * 1.5); ctx.restore(); } } function initConfetti() { for (let i = 0; i < particleCount; i++) { confettiParticles.push(new ConfettiParticle(Math.random() * confettiCanvas.width, Math.random() * -confettiCanvas.height)); } } function animateConfetti() { ctx.clearRect(0, 0, confettiCanvas.width, confettiCanvas.height); for (let i = 0; i confettiParticles = [], 5000); // Stop after 5s } // --- Event Listeners --- startButton.addEventListener('click', startQuiz); nextButton.addEventListener('click', handleNextQuestion); continueButton.addEventListener('click', continueFromAdBreak); restartButton.addEventListener('click', startQuiz); reviewButton.addEventListener('click', showReview); // Add ripple effect to all buttons container.querySelectorAll('.a3oloumdz-button').forEach(button => { button.addEventListener('click', createRipple); }); }

اختبار فهم: دور العصبونات

استراحة قصيرة

انتهى الاختبار!

مقالات ذات صلة

اختبار تفاعلي عن الوحدة الثانية العلاقة بين بنية و وظيفة البروتين للسنة الثالثة ثانوي شعبة علوم تجريبية و رياضيات 2025/2026

ملخص الوحدة الثانية العلاقة بين بنية و وظيفة البروتين مع باقة متنوعة من التمارين للسنة الثالثة ثانوي شعبة علوم تجريبية و رياضيات 2025/2026

الوسيط الناقل للمعلومة الوراثية للسنة الثالثة ثانوي شعبة علوم تجريبية و رياضيات 2025/2026

اختبار تفاعلي: مصدر المادة الضرورية للتركيب الحيوي – السنة الأولى جذع مشترك علوم وتكنولوجيا 2025/2026

اترك تعليقاً إلغاء الرد

أنت تستخدم إضافة Adblock