درس تفاعلي : النثر في العصر الأموي

المستقبل يبدأ اليوم، والتطوير التكنولوجي هو لغة العصر الحديث، وهنا يأتي دور موقع Vip3raby ليأخذ بيد نحو تجربة تعليمية غير معتادة! 🌟 نحن نؤمن إيماناً راسخاً برؤية مصر 2030 في دعم التحول الرقمي وتمكين الأجيال القادمة بالعلم والابتكار لتكون قادرة على تحمل المسؤولية وبناء الغد. لهذا السبب، نقدم لك أسئلة تفاعلية ذكية تختبر مدى استيعابك وتجعلك تستمتع بكل لحظة تقضيها في استكشاف معلوماتك. اضغط على زر التحدي، واثبت لنفسك أنك بطل المستقبل الذي لا يقهر! 🚀💡 #amawi-app{ --deep1:#1a0b2e; --deep2:#241442; --card:#2a1a4a; --royal:#9b59b6; --royal2:#bb8fce; --royal3:#6c3483; --gold:#f1c40f; --gold2:#f7dc6f; --cream:#f5e6d3; --muted:#b8a3d4; --ok:#00e676; --no:#ff5252; font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif; max-width:900px; margin:0 auto; padding:14px; color:var(--cream); background: radial-gradient(circle at 15% 10%, rgba(155,89,182,.15), transparent 45%), radial-gradient(circle at 85% 90%, rgba(241,196,15,.08), transparent 45%), linear-gradient(160deg, var(--deep1), var(--deep2) 65%, #160827); border-radius:18px; box-sizing:border-box; user-select:none; -webkit-user-select:none; border:1px solid rgba(155,89,182,.35); box-shadow:0 20px 60px rgba(0,0,0,.6), inset 0 1px 0 rgba(241,196,15,.15); position:relative; overflow:hidden; } #amawi-app::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.6; background-image: radial-gradient(1.5px 1.5px at 10% 18%, var(--gold2), transparent), radial-gradient(1.5px 1.5px at 28% 8%, var(--royal2), transparent), radial-gradient(1px 1px at 48% 26%, var(--gold2), transparent), radial-gradient(1.5px 1.5px at 72% 12%, var(--royal2), transparent), radial-gradient(1px 1px at 88% 38%, var(--gold2), transparent), radial-gradient(1.5px 1.5px at 6% 62%, var(--royal2), transparent), radial-gradient(1px 1px at 94% 72%, var(--gold2), transparent), radial-gradient(1.5px 1.5px at 40% 92%, var(--royal2), transparent); } #amawi-app *{box-sizing:border-box; position:relative; z-index:1} #amawi-app .head{ background:linear-gradient(135deg, rgba(155,89,182,.20), rgba(241,196,15,.06)); border:1px solid rgba(241,196,15,.40); border-radius:16px; padding:20px 16px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.4), inset 0 0 30px rgba(155,89,182,.10); position:relative; } #amawi-app .head::before, #amawi-app .head::after{ content:"✦"; position:absolute; top:50%; transform:translateY(-50%); color:var(--gold); font-size:20px; opacity:.85; text-shadow:0 0 12px rgba(241,196,15,.6); } #amawi-app .head::before{right:14px} #amawi-app .head::after{left:14px} #amawi-app .head h1{ margin:0 0 8px; font-size:22px; line-height:1.5; font-weight:800; color:var(--gold2); text-shadow:0 2px 14px rgba(241,196,15,.55); letter-spacing:.3px; } #amawi-app .head .grade{ display:inline-block; background:rgba(155,89,182,.20); border:1px solid rgba(155,89,182,.50); color:var(--royal2); padding:5px 14px; border-radius:20px; font-size:13px; margin:6px 0; font-weight:600; } #amawi-app .head .by{ margin-top:12px; padding:12px 10px 6px; border-top:1px dashed rgba(241,196,15,.30); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; font-size:14px; } #amawi-app .by-label{ color:var(--royal2); font-weight:700; font-size:13px; letter-spacing:.5px; opacity:.9; } #amawi-app .by-name{ font-family:"Amiri","Scheherazade New","Traditional Arabic",serif; font-size:23px; font-weight:800; letter-spacing:.5px; background:linear-gradient(135deg, var(--gold) 0%, var(--gold2) 50%, var(--gold) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 2px 10px rgba(241,196,15,.65)); position:relative; padding:0 4px; line-height:1.2; } #amawi-app .by-name::after{ content:""; position:absolute; left:0; right:0; bottom:-3px; height:2px; background:linear-gradient(90deg, transparent, var(--gold), transparent); border-radius:2px; opacity:.9; } #amawi-app .by-sep{ color:var(--royal2); font-size:12px; opacity:.85; animation:sep-pulse 2.5s ease-in-out infinite; } @keyframes sep-pulse{ 0%,100%{opacity:.5; transform:scale(1) rotate(0deg)} 50%{opacity:1; transform:scale(1.25) rotate(180deg)} } #amawi-app .by-site{ color:var(--royal2); font-weight:700; font-size:13px; letter-spacing:.4px; } #amawi-app .by-link{ font-family:"Reem Kufi","Cairo",sans-serif; font-size:17px; font-weight:800; letter-spacing:.6px; background:linear-gradient(135deg, var(--gold2) 0%, #fff3c4 50%, var(--gold2) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-decoration:none; padding:2px 9px; border-radius:8px; border:1px solid rgba(241,196,15,.50); background-color:rgba(241,196,15,.08); position:relative; transition:all .3s ease; filter:drop-shadow(0 0 8px rgba(241,196,15,.5)); } #amawi-app .by-link::before{ content:""; position:absolute; inset:-1px; border-radius:8px; background:linear-gradient(135deg, var(--gold), var(--royal)); opacity:0; transition:opacity .3s ease; z-index:-1; filter:blur(8px); } #amawi-app .by-link:hover{ transform:translateY(-1px); border-color:var(--gold); filter:drop-shadow(0 0 14px rgba(241,196,15,.85)); } #amawi-app .by-link:hover::before{opacity:.75} #amawi-app .bar{ height:8px; background:rgba(0,0,0,.5); border-radius:20px; margin:18px 0 8px; overflow:hidden; border:1px solid rgba(155,89,182,.25); } #amawi-app .bar > i{ display:block; height:100%; width:0%; background:linear-gradient(90deg, var(--royal3), var(--royal), var(--gold)); transition:width .4s ease; border-radius:20px; box-shadow:0 0 14px rgba(155,89,182,.85); } #amawi-app .meta{ display:flex; justify-content:space-between; font-size:13px; color:var(--gold2); font-weight:700; margin-bottom:14px; padding:0 4px; } #amawi-app .card{ background:linear-gradient(160deg, var(--card), #1c1035); border-radius:16px; padding:22px 18px; border:1px solid rgba(155,89,182,.35); box-shadow:0 15px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(241,196,15,.15); } #amawi-app .qnum{ display:inline-block; background:linear-gradient(135deg, var(--royal3), var(--royal)); color:#fff; font-size:12.5px; font-weight:800; padding:4px 14px; border-radius:20px; margin-bottom:12px; box-shadow:0 4px 14px rgba(155,89,182,.5); letter-spacing:.4px; } #amawi-app .qtext{ font-size:17.5px; font-weight:700; line-height:2; margin:8px 0 20px; color:var(--cream); } #amawi-app .opt{ display:block; width:100%; text-align:right; cursor:pointer; background:rgba(155,89,182,.08); border:1.5px solid rgba(155,89,182,.32); color:var(--cream); border-radius:12px; padding:14px 16px; margin-bottom:11px; font-size:15.5px; font-weight:600; font-family:inherit; transition:all .25s ease; line-height:1.75; position:relative; } #amawi-app .opt::before{ content:"✦"; color:var(--gold); margin-left:8px; font-size:13px; opacity:.75; transition:.25s; display:inline-block; } #amawi-app .opt:hover{ border-color:var(--royal); background:rgba(155,89,182,.16); transform:translateX(-4px); box-shadow:0 6px 22px rgba(155,89,182,.3); } #amawi-app .opt:hover::before{opacity:1; transform:rotate(180deg)} #amawi-app .opt.correct{ background:rgba(0,230,118,.16); border-color:var(--ok); color:#b9f6ca; box-shadow:0 0 22px rgba(0,230,118,.35); } #amawi-app .opt.correct::before{content:"✓"; color:var(--ok); opacity:1; font-weight:900} #amawi-app .opt.wrong{ background:rgba(255,82,82,.16); border-color:var(--no); color:#ffcdd2; box-shadow:0 0 22px rgba(255,82,82,.30); } #amawi-app .opt.wrong::before{content:"✕"; color:var(--no); opacity:1; font-weight:900} #amawi-app .opt:disabled{cursor:default; transform:none} #amawi-app .fb{ margin-top:14px; padding:13px 16px; border-radius:12px; font-size:14.5px; font-weight:700; display:none; line-height:1.9; } #amawi-app .fb.show{display:block; animation:fadeUp .35s ease} #amawi-app .fb.ok{ background:rgba(0,230,118,.13); color:#b9f6ca; border-right:4px solid var(--ok); box-shadow:inset 0 0 22px rgba(0,230,118,.10); } #amawi-app .fb.no{ background:rgba(255,82,82,.13); color:#ffcdd2; border-right:4px solid var(--no); box-shadow:inset 0 0 22px rgba(255,82,82,.10); } @keyframes fadeUp{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:translateY(0)} } #amawi-app .btn{ display:inline-block; margin-top:16px; cursor:pointer; background:linear-gradient(135deg, var(--royal3), var(--royal), var(--royal2)); color:#fff; border:0; border-radius:12px; padding:13px 30px; font-size:15.5px; font-weight:800; font-family:inherit; box-shadow:0 8px 24px rgba(155,89,182,.5), inset 0 1px 0 rgba(255,255,255,.3); transition:all .25s ease; letter-spacing:.3px; } #amawi-app .btn:hover{ transform:translateY(-3px); box-shadow:0 12px 32px rgba(155,89,182,.7), inset 0 1px 0 rgba(255,255,255,.4); } #amawi-app .btn:active{transform:translateY(-1px)} #amawi-app .result{text-align:center; padding:18px 8px} #amawi-app .result > div:first-child{ font-size:20px; font-weight:800; color:var(--gold2); letter-spacing:.4px; } #amawi-app .result .score{ font-size:52px; font-weight:900; margin:14px 0; background:linear-gradient(135deg, var(--royal2), var(--gold), var(--gold2)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 4px 16px rgba(241,196,15,.5)); } #amawi-app .result .msg{ font-size:16px; font-weight:700; color:var(--cream); line-height:2; margin-top:8px; } #amawi-app .hide{display:none !important} @media(max-width:520px){ #amawi-app{padding:10px; border-radius:14px} #amawi-app .head{padding:16px 12px} #amawi-app .head::before, #amawi-app .head::after{display:none} #amawi-app .head h1{font-size:17px} #amawi-app .card{padding:16px 12px} #amawi-app .qtext{font-size:15.5px} #amawi-app .opt{font-size:14.5px; padding:12px 13px} #amawi-app .result .score{font-size:40px} #amawi-app .btn{padding:12px 22px; font-size:14.5px} #amawi-app .head .by{gap:6px; font-size:12.5px} #amawi-app .by-name{font-size:19px} #amawi-app .by-link{font-size:15px; padding:2px 6px} #amawi-app .by-label, #amawi-app .by-site{font-size:12px} } النثر في العصر الأموي الصف الأول الثانوي / الأول بكالوريا — الترم الأول ٢٠٢٦–٢٠٢٧ إعداد الأستاذ مروان أحمد ✦ موقع vip3raby السؤال 0 من 0 النقاط: 0 سؤال جارٍ تحميل الأسئلة… السؤال التالي ➜ 🎉 انتهى الاختبار 0 / 0 🔄 إعادة المحاولة (function(){ "use strict"; const BANK = [ // ===== أساسيات النثر الأموي ===== {q:"كان دافع ازدهار الأدب في العصر الأموي:", o:["الحروب الكثيرة والصراعات الحزبية والسياسية","الاستقرار التام","السلام الدائم","الترف المادي"], a:0}, {q:"النثر الفني في العصر الأموي نال من التطور:", o:["أكثر مما ناله الشعر","أقل مما ناله الشعر","مثل ما ناله الشعر","لم ينل شيئًا"], a:0}, {q:"في العصر الأموي بلغت الخطابة والكتابة:", o:["منزلة عظيمة جدًا","منزلة ضعيفة","منزلة عادية","منزلة متدنية"], a:0}, // ===== الخطابة في العصر الأموي ===== {q:"زادت دواعي الخطابة في العصر الأموي بسبب:", o:["كثرة الفتن والصراعات والحروب","الاستقرار التام","السلام الدائم","الترف المادي"], a:0}, {q:"من أسباب ازدهار الخطابة في العصر الأموي:", o:["تعدد الأحزاب وتوسع الفتوح","قلة الأحزاب","انحسار الفتوح","توقف الحروب"], a:0}, {q:"من السمات الفنية للخطابة في العصر الأموي:", o:["التأثر بالقرآن الكريم واستمداد أفكاره ومعانيه","البعد عن القرآن","البعد عن الحكم","البعد عن الأمثال"], a:0}, {q:"من السمات الفنية للخطابة في العصر الأموي:", o:["تضمين الخطب بعض الحكم والأمثال","الإكثار من الغموض","طول الجمل","البعد عن الحكم"], a:0}, {q:"من السمات الفنية للخطابة في العصر الأموي:", o:["الحرص على اختيار الألفاظ","إهمال الألفاظ","استخدام الغريب","استخدام الأعجمي"], a:0}, {q:"من السمات الفنية للخطابة في العصر الأموي:", o:["حسن تقسيم الجمل ومناسبتها للموقف","سوء تقسيم الجمل","إهمال المناسبة","طول الجمل"], a:0}, {q:"للخطابة النصيب الأكبر من النثر في العصر الأموي بسبب:", o:["كثرة دواعيها والحاجة إليها","قلة الخطابة","انحسار السياسة","ضعف الدولة"], a:0}, {q:"كيف أثر القرآن في فن الخطبة في العصر الأموي؟", o:["استمداد الأفكار والمعاني والصور منه","إهمال معانيه","البعد عن ألفاظه","عدم التأثر به"], a:0}, {q:"من مظاهر تأثير القرآن في الخطبة الأموية:", o:["اقتباس الآيات والعبارات القرآنية","البعد عن القرآن","إهمال الاقتباس","ترك الصور القرآنية"], a:0}, {q:"المحتوى الفكري الذي استمد منه الخطباء الأمويون فكرهم:", o:["القرآن الكريم وقيمه ومعانيه","الفلسفة اليونانية","الأساطير العربية","المعلقات السبع"], a:0}, // ===== الكتابة في العصر الأموي ===== {q:"الكتابة ظهرت في:", o:["صدر الإسلام","العصر الجاهلي","العصر الأموي","العصر العباسي"], a:0}, {q:"الكتابة ارتفع شأنها وازدهرت في:", o:["العصر الأموي","العصر الجاهلي","عصر صدر الإسلام","العصر العباسي"], a:0}, {q:"من أسباب ارتقاء شأن الكتابة في العصر الأموي:", o:["حاجة الدولة الأموية لاتساع رقعتها وتعدد دواوينها","الحاجات التجارية","الحاجات الفنية","الحاجات الترفيهية"], a:0}, {q:"من أسباب ارتقاء شأن الكتابة في العصر الأموي:", o:["جهود كتاب ديوان الرسائل وعلى رأسهم عبد الحميد الكاتب","جهود الشعراء","جهود الفلاسفة","جهود المؤرخين"], a:0}, {q:"من أشهر كتاب ديوان الرسائل في العصر الأموي:", o:["عبد الحميد الكاتب","ابن خلدون","ابن زيدون","ذو الإصبع العدواني"], a:0}, {q:"من أنواع الكتابة في العصر الأموي:", o:["الديوانية والإخوانية والدينية","الديوانية والإخوانية والسلطانية","الديوانية والدينية والسلطانية","الإخوانية والدينية والسلطانية"], a:0}, {q:"الكتابة الديوانية هي:", o:["الرسائل الرسمية للدولة","الرسائل بين الأصدقاء","الرسائل الدينية","الرسائل التجارية"], a:0}, {q:"الكتابة الإخوانية هي:", o:["الرسائل بين الأصدقاء والأقارب","الرسائل الرسمية","الرسائل الدينية","الرسائل التجارية"], a:0}, {q:"الكتابة الدينية هي:", o:["ما يناقش أمور الدين والنصح والموعظة","الرسائل الرسمية","الرسائل بين الأصدقاء","الرسائل التجارية"], a:0}, {q:"من أنواع الرسائل في العصر الأموي ما عدا:", o:["السلطانية","الإخوانية","الدينية","الديوانية"], a:0}, // ===== سمات الكتابة الأموية ===== {q:"من سمات الكتابة في العصر الأموي:", o:["جودة الصياغة","سوء الصياغة","إهمال الألفاظ","الغموض"], a:0}, {q:"من سمات الكتابة في العصر الأموي:", o:["العناية باختيار الألفاظ وتجويدها وسهولتها","إهمال الألفاظ","استخدام الغريب","استخدام الأعجمي"], a:0}, {q:"من سمات الكتابة في العصر الأموي:", o:["وضوح المعنى","الغموض","التعقيد","الإبهام"], a:0}, {q:"من سمات الكتابة في العصر الأموي:", o:["الاقتباس من معاني القرآن وصوره وعباراته","البعد عن القرآن","إهمال الاقتباس","ترك الصور"], a:0}, {q:"مزج الكتابة الأموية معاني القرآن بـ:", o:["تشبيهات الشعر والحكم والأمثال","الفلسفة اليونانية","الأساطير الفارسية","الحضارة الرومانية"], a:0}, {q:"من سمات الكتابة في العصر الأموي:", o:["غلبة الطابع الإسلامي في الافتتاح بذكر الله والصلاة على نبيه","البعد عن الطابع الإسلامي","إهمال البسملة","إهمال الحمد"], a:0}, {q:"من سمات الكتابة في العصر الأموي:", o:["الإيجاز والقصد إلى الفكرة من أقرب طريق","الإطناب","التعقيد","الغموض"], a:0}, {q:"الكتابة الأموية تميزت بـ:", o:["سهولة اللفظ ووضوح المعنى","صعوبة اللفظ","غموض المعنى","تعقيد الأسلوب"], a:0}, {q:"«غلبة الطابع الإسلامي في افتتاح الرسائل» تعكس:", o:["الهوية الإسلامية الموروثة من صدر الإسلام","تدين الكتاب الشخصي فقط","استمالة المعارضين","الخوف من الاتهام"], a:0}, {q:"الغرض الفني من مزج الكتاب في العصر الأموي بين النثر وتشبيهات الشعر:", o:["إضفاء طابع فني تخييلي يرفع القيمة الأدبية للرسالة","تعويض غياب الوزن والقافية","إبراز ثقافة الكاتب فقط","تقريب الرسائل من الخطابة"], a:0}, // ===== أسئلة تطبيقية على نصوص ===== {q:"خطب معاوية: «ومنهم من يطلب الدنيا بعمل الآخرة» — السمة المتحققة:", o:["التأثر بمعاني القرآن","النزعة القبلية","التأثر بالحياة الجاهلية","الاحتفاء بالجنس العربي"], a:0}, {q:"من رسائل هشام بن عبد الملك: «أما بعد، فقد بلغ أمير المؤمنين كتابك» — السمة الظاهرة:", o:["جودة الصياغة","مزجها بالشعر","تضمينها الأمثال","غلبة الطابع الإسلامي"], a:0}, {q:"قال الحسن البصري لعمر بن عبد العزيز: «فإن الدنيا دار ظعن وانتقال» — نوع الرسالة:", o:["دينية","ديوانية","إخوانية","سياسية"], a:0}, {q:"خطب عمر بن عبد العزيز: «من ألم بذنب فليستغفر الله» — السمة الظاهرة:", o:["التأثر بالقرآن الكريم","تضمين الحكم","التكلف في المحسنات","غرابة الألفاظ"], a:0}, {q:"قال معاوية: «وإن لم تجدوني أقوم بحقكم كله فاقبلوا مني بعضه» — السمة في الألفاظ:", o:["سهولة الألفاظ","تعقيد اللفظ","غرابة المعاني","تعدد الأخيلة"], a:0}, {q:"«وعلى العاقل أن يتفقد محاسن الناس» — السمة الفنية الظاهرة:", o:["وضوح المعنى وحسن تقسيم الجمل","التعقيد","الغموض","الإطناب"], a:0}, {q:"يقول عبد الحميد الكاتب: «فتنافسوا يا معشر الكتاب في صنوف الآداب» — السمة الفنية:", o:["الاقتباس من نبع القرآن واتخاذه أساسًا للثقافة واللغة","العناية بالصياغة فقط","النزعة القبلية","التركيز على الحساب"], a:0}, {q:"يقول زياد بن أبيه: «إنا إن وجدناك أمينًا ضعيفًا استبدلنا بك» — السمة الفنية:", o:["حسن تقسيم الجمل واعتماد التقابل المنطقي","الإطناب في الشرح","الغموض في الألفاظ","الاقتباس من القرآن"], a:0}, {q:"إذا خلت رسالة أموية من الاقتباس القرآني فالأرجح:", o:["النص يفتقر إلى أهم ملمح من ملامح النثر في ذلك العصر","الرسالة من بداية العصر","الكاتب يميل للأعاجم","الرسالة إخوانية"], a:0}, // ===== أسئلة التدريبات - المستوى الأول ===== {q:"تطورت الخطابة في العصر الأموي لتعدد دواعيها ومنها:", o:["تعدد الأحزاب","استقرار البلاد","الاختلاط بالأمم الأخرى","كثرة المعارف والعلوم"], a:0}, {q:"سمة من السمات الفنية للخطابة في العصر الأموي:", o:["التأثر بالقرآن الكريم","البعد عن الحكم","الحرص على الغموض","طول الجمل"], a:0}, {q:"فن من فنون النثر ظهر في عصر صدر الإسلام وارتفع شأنه كثيرًا في العصر الأموي:", o:["الكتابة","الأمثال","الحكم","الوصايا"], a:0}, {q:"يُعد من أشهر كتّاب ديوان الرسائل وساهم في ازدهار الكتابة في العصر الأموي:", o:["عبد الحميد الكاتب","ابن خلدون","ابن زيدون","ذو الإصبع العدواني"], a:0}, {q:"كل ما يلي يعد من أنواع الرسائل في العصر الأموي ما عدا:", o:["السلطانية","الإخوانية","الدينية","الديوانية"], a:0}, {q:"تميزت الكتابة في العصر الأموي باقتباس معاني القرآن ومزجها بكل ما يلي باستثناء:", o:["الوصايا","الشعر","الحكم","الأمثال"], a:0}, {q:"«غلبة الطابع الإسلامي في افتتاح الرسائل» تعكس بالضرورة:", o:["الهوية الإسلامية الموروثة من صدر الإسلام","تدين الكتّاب الشخصي وزهدهم","محاولة استمالة المعارضين","الخوف من اتهامهم بالخروج عن الملة"], a:0}, {q:"حدد الفن النثري الذي مر بمرحلتي الظهور ثم الارتقاء والازدهار في العصرين الإسلامي والأموي:", o:["فن الكتابة","الخطابة السياسية","الوصايا الدينية","الأمثال والحكم"], a:0}, {q:"«اتساع رقعة الدولة الأموية» كان له أثر مباشر على تطور النثر تجلى في:", o:["ارتقاء شأن الكتابة وحاجة الدواوين إليها","ظهور اتجاه الزهد في الخطابة","اختفاء المحسنات البديعية","قصر الجمل والفقرات"], a:0}, {q:"المحتوى الفكري الذي استمد منه الخطباء الأمويون فكرهم الأساسية:", o:["القرآن الكريم وقيمه ومعانيه","الفلسفة اليونانية المترجمة","الأساطير العربية القديمة","الدواوين الشعرية"], a:0} ]; const SESSION_KEY = "amawi_session_v1"; const TOTAL = BANK.length; function shuffle(arr){ const a = arr.slice(); for(let i=a.length-1;i>0;i--){ const j = Math.floor(Math.random()*(i+1)); [a[i],a[j]] = [a[j],a[i]]; } return a; } function buildSession(){ return shuffle(BANK).map(item=>{ const correctText = item.o[item.a]; const opts = shuffle(item.o); return { q: item.q, o: opts, a: opts.indexOf(correctText) }; }); } let QUESTIONS; try{ const saved = sessionStorage.getItem(SESSION_KEY); QUESTIONS = saved ? JSON.parse(saved) : null; }catch(e){ QUESTIONS = null; } if(!QUESTIONS || !Array.isArray(QUESTIONS) || QUESTIONS.length !== TOTAL){ QUESTIONS = buildSession(); try{ sessionStorage.setItem(SESSION_KEY, JSON.stringify(QUESTIONS)); }catch(e){} } const app = document.getElementById("amawi-app"); const block = e => e.preventDefault(); app.addEventListener("contextmenu", block); ["copy","cut","dragstart"].forEach(ev=>app.addEventListener(ev, block)); document.addEventListener("keydown", function(e){ const k = (e.key||"").toLowerCase(); if(e.key === "F12") return e.preventDefault(); if(e.ctrlKey && e.shiftKey && ["i","j","c"].includes(k)) return e.preventDefault(); if(e.ctrlKey && ["u","c","x","s","p"].includes(k)) return e.preventDefault(); }); let hidden = false; document.addEventListener("visibilitychange", function(){ if(document.hidden){ hidden = true; app.style.filter = "blur(8px)"; app.style.pointerEvents = "none"; }else if(hidden){ hidden = false; app.style.filter = ""; app.style.pointerEvents = ""; } }); let idx = 0, score = 0, answered = false; const elBar = document.getElementById("amawi-bar"); const elCount = document.getElementById("amawi-count"); const elScore = document.getElementById("amawi-score"); const elQNum = document.getElementById("amawi-qnum"); const elQText = document.getElementById("amawi-qtext"); const elOpts = document.getElementById("amawi-opts"); const elFb = document.getElementById("amawi-fb"); const elNext = document.getElementById("amawi-next"); const elCard = document.getElementById("amawi-card"); const elResult = document.getElementById("amawi-result"); const elFinal = document.getElementById("amawi-final"); const elMsg = document.getElementById("amawi-msg"); const elAgain = document.getElementById("amawi-again"); function render(){ answered = false; const item = QUESTIONS[idx]; elQNum.textContent = "سؤال " + (idx+1); elQText.textContent = item.q; elOpts.innerHTML = ""; elFb.className = "fb"; elFb.textContent = ""; elNext.classList.add("hide"); item.o.forEach((text, i)=>{ const b = document.createElement("button"); b.className = "opt"; b.type = "button"; b.textContent = text; b.addEventListener("click", ()=> choose(i, b)); elOpts.appendChild(b); }); elCount.textContent = "السؤال " + (idx+1) + " من " + TOTAL; elScore.textContent = "النقاط: " + score; elBar.style.width = ((idx)/TOTAL*100) + "%"; } function choose(i, btn){ if(answered) return; answered = true; const item = QUESTIONS[idx]; const buttons = elOpts.querySelectorAll(".opt"); buttons.forEach(b=>b.disabled = true); if(i === item.a){ btn.classList.add("correct"); score++; elFb.textContent = "✅ إجابة صحيحة — أحسنت!"; elFb.className = "fb show ok"; }else{ btn.classList.add("wrong"); buttons[item.a].classList.add("correct"); elFb.textContent = "❌ إجابة خاطئة — الإجابة الصحيحة مظللة بالأخضر."; elFb.className = "fb show no"; } elScore.textContent = "النقاط: " + score; elBar.style.width = ((idx+1)/TOTAL*100) + "%"; elNext.classList.remove("hide"); } elNext.addEventListener("click", function(){ idx++; if(idx >= TOTAL) return finish(); render(); }); function finish(){ elCard.classList.add("hide"); elResult.classList.remove("hide"); elFinal.textContent = score + " / " + TOTAL; const pct = Math.round(score/TOTAL*100); let msg = ""; if(pct >= 90) msg = "🏆 ممتاز! أنت متمكن من درس النثر في العصر الأموي."; else if(pct >= 75) msg = "👏 جيد جدًا! راجع بعض الجزئيات وستصل للامتياز."; else if(pct >= 50) msg = "🙂 مقبول — أعد قراءة الدرس وحاول مرة أخرى."; else msg = "📚 تحتاج إلى مراجعة الدرس جيدًا ثم أعد المحاولة."; elMsg.textContent = msg; elBar.style.width = "100%"; } elAgain.addEventListener("click", function(){ try{ sessionStorage.removeItem(SESSION_KEY); }catch(e){} location.reload(); }); render(); })();