درس: سَمَرْ تُطَوِّرُ نَفْسَهَا – أسئلة تفاعلية

#samar-quiz-app * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Tajawal', 'Cairo', 'Segoe UI', Tahoma, sans-serif; } #samar-quiz-app { direction: rtl; background: linear-gradient(135deg, #eef4ff 0%, #f3e8ff 100%); padding: 12px; border-radius: 16px; max-width: 900px; margin: 0 auto; color: #1a2b4a; line-height: 1.7; font-size: 16px; } #samar-quiz-app .qz-header { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #8b5cf6 100%); color: #fff; border-radius: 14px; padding: 18px 16px; text-align: center; box-shadow: 0 8px 20px rgba(30,58,138,0.25); margin-bottom: 12px; } #samar-quiz-app .qz-header h1 { font-size: 20px; font-weight: 800; margin-bottom: 6px; color: #fff; } #samar-quiz-app .qz-header p { font-size: 13px; opacity: 0.95; color: #e0e7ff; } #samar-quiz-app .qz-badge { display: inline-block; background: #fbbf24; color: #1e3a8a; font-weight: 800; font-size: 12px; padding: 6px 14px; border-radius: 50px; margin-top: 8px; box-shadow: 0 3px 10px rgba(251,191,36,0.4); } #samar-quiz-app .qz-status { display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 12px; padding: 10px 14px; margin-bottom: 10px; font-size: 13px; font-weight: 700; box-shadow: 0 2px 8px rgba(0,0,0,0.06); flex-wrap: wrap; gap: 6px; } #samar-quiz-app .qz-status .page-info { color: #1e3a8a; } #samar-quiz-app .qz-status .answered-info { color: #059669; } #samar-quiz-app .qz-progress-wrap { background: #e5e7eb; border-radius: 50px; height: 12px; overflow: hidden; margin-bottom: 16px; } #samar-quiz-app .qz-progress-bar { height: 100%; width: 0%; background: linear-gradient(90deg, #10b981, #34d399, #fbbf24); border-radius: 50px; transition: width 0.4s ease; } #samar-quiz-app .qz-card { background: #fff; border-radius: 14px; padding: 16px; margin-bottom: 14px; box-shadow: 0 3px 12px rgba(30,58,138,0.08); border-right: 5px solid #3b82f6; animation: qzFadeIn 0.4s ease; } @keyframes qzFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } #samar-quiz-app .qz-card .qz-q-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; } #samar-quiz-app .qz-num { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; min-width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; flex-shrink: 0; } #samar-quiz-app .qz-q-text { font-size: 15px; font-weight: 700; color: #1a2b4a; padding-top: 4px; } #samar-quiz-app .qz-options { display: grid; gap: 8px; } #samar-quiz-app .qz-opt { background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 12px; padding: 12px 14px; font-size: 14px; font-weight: 600; color: #1e293b; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 10px; text-align: right; width: 100%; font-family: inherit; } #samar-quiz-app .qz-opt:hover:not(.locked) { background: #eff6ff; border-color: #93c5fd; transform: translateX(-3px); } #samar-quiz-app .qz-opt .qz-circle { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #94a3b8; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; color: #64748b; flex-shrink: 0; background: #fff; } #samar-quiz-app .qz-opt.correct { background: #d1fae5 !important; border-color: #10b981 !important; color: #065f46 !important; } #samar-quiz-app .qz-opt.correct .qz-circle { background: #10b981; border-color: #10b981; color: #fff; } #samar-quiz-app .qz-opt.wrong { background: #fee2e2 !important; border-color: #ef4444 !important; color: #991b1b !important; } #samar-quiz-app .qz-opt.wrong .qz-circle { background: #ef4444; border-color: #ef4444; color: #fff; } #samar-quiz-app .qz-opt.locked { cursor: not-allowed; pointer-events: none; } #samar-quiz-app .qz-feedback { margin-top: 10px; padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 700; display: none; } #samar-quiz-app .qz-feedback.show { display: block; } #samar-quiz-app .qz-feedback.ok { background: #d1fae5; color: #065f46; border-right: 4px solid #10b981; } #samar-quiz-app .qz-feedback.no { background: #fee2e2; color: #991b1b; border-right: 4px solid #ef4444; } #samar-quiz-app .qz-nav { display: flex; justify-content: center; margin-top: 16px; } #samar-quiz-app .qz-next-btn { background: linear-gradient(135deg, #f59e0b, #f97316); color: #fff; border: none; padding: 14px 40px; border-radius: 50px; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: 0 6px 16px rgba(245,158,11,0.4); transition: all 0.2s ease; font-family: inherit; } #samar-quiz-app .qz-next-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245,158,11,0.5); } #samar-quiz-app .qz-result { background: linear-gradient(135deg, #1e3a8a, #7c3aed); color: #fff; border-radius: 16px; padding: 28px 20px; text-align: center; box-shadow: 0 10px 30px rgba(30,58,138,0.3); display: none; } #samar-quiz-app .qz-result.show { display: block; } #samar-quiz-app .qz-result .qz-score { font-size: 48px; font-weight: 900; color: #fbbf24; margin: 10px 0; text-shadow: 0 4px 10px rgba(0,0,0,0.3); } #samar-quiz-app .qz-result .qz-msg { font-size: 18px; font-weight: 700; margin-bottom: 16px; } #samar-quiz-app .qz-result .qz-retry { background: #fbbf24; color: #1e3a8a; border: none; padding: 12px 30px; border-radius: 50px; font-size: 15px; font-weight: 800; cursor: pointer; font-family: inherit; transition: all 0.2s ease; } #samar-quiz-app .qz-footer { text-align: center; margin-top: 16px; padding: 12px; font-size: 13px; font-weight: 700; color: #1e3a8a; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); } @media (max-width: 600px) { #samar-quiz-app { padding: 8px; font-size: 15px; } #samar-quiz-app .qz-header h1 { font-size: 17px; } #samar-quiz-app .qz-q-text { font-size: 14px; } #samar-quiz-app .qz-opt { font-size: 13px; padding: 11px 12px; } #samar-quiz-app .qz-result .qz-score { font-size: 38px; } #samar-quiz-app .qz-next-btn { padding: 12px 30px; font-size: 15px; } } 📚 أسئلة درس: سَمَرْ تُطَوِّرُ نَفْسَهَا الصف السادس الابتدائي — اللغة العربية ✨ موقع vip3raby — الأستاذ مروان أحمد 📄 صفحة 1 من 1 ✅ أسئلة مجابة: 0 / 10 🏁 عرض النتيجة 🏆 نتيجتك النهائية 0% 🔄 إعادة المحاولة إعداد: الأستاذ مروان أحمد — موقع vip3raby (function() { "use strict"; var QUESTIONS = [ { q: "كان هدف سمر الأساسي هو أن تكون شخصاً:", o: ["فاشلاً", "عادياً", "ناجحاً ومفيداً", "سلبياً"], a: 2 }, { q: "جلست سمر تفكر في إجابة سؤالها وهي في:", o: ["حديقة المنزل", "غرفتها", "المدرسة", "المكتبة"], a: 1 }, { q: "أدركت سمر بعد تفكير عميق أهمية:", o: ["الكسل والبطء", "الالتزام والعمل الجاد", "اللهو واللعب", "النوم المبكر"], a: 1 }, { q: "بدأت سمر في كتابة أهدافها الشخصية باستخدام:", o: ["حاسوبها", "مذكرتها", "الهاتف", "السبورة"], a: 1 }, { q: "من الأهداف الشخصية التي وضعتها سمر:", o: ["متابعة المسلسلات", "إهمال الدراسة", "تحسين مستواها الدراسي", "السهر طويلاً"], a: 2 }, { q: "شعرت سمر بالحماس عندما رأت أهدافها:", o: ["محذوفة", "مؤجلة", "صعبة", "مكتوبة"], a: 3 }, { q: "الخطوة الأولى نحو النجاح هي:", o: ["السرعة في الإنجاز", "تحديد ما تريد تحقيقه", "تقليد الآخرين", "النوم الكافي"], a: 1 }, { q: "نظمت سمر وقتها من خلال:", o: ["وضع خطة لكل نشاط", "العشوائية في اليوم", "ترك الأمور للصدفة", "إلغاء الأنشطة"], a: 0 }, { q: "وسيلة سمر في تطوير مهاراتها تضمنت:", o: ["قراءة الكتب", "النوم الكثير", "تضييع الوقت", "الجري المستمر"], a: 0 }, { q: "انضمت سمر إلى دورات تدريبية عبر:", o: ["التلفاز", "الراديو", "الإنترنت", "الصحف"], a: 2 } ]; var PER_PAGE = 10; var totalPages = Math.ceil(QUESTIONS.length / PER_PAGE); var currentPage = 0; var answeredCount = 0; var correctCount = 0; var locked = {}; var container = document.getElementById('sq-questions-container'); var nextBtn = document.getElementById('sq-next-btn'); var navWrap = document.getElementById('sq-nav'); var resultBox = document.getElementById('sq-result'); var progressBar = document.getElementById('sq-progress'); var answeredSpan = document.getElementById('sq-answered'); var pageNumSpan = document.getElementById('sq-page-num'); var pageTotalSpan = document.getElementById('sq-page-total'); var totalSpan = document.getElementById('sq-total'); var finalScore = document.getElementById('sq-final-score'); var finalMsg = document.getElementById('sq-final-msg'); var retryBtn = document.getElementById('sq-retry'); pageTotalSpan.textContent = totalPages; totalSpan.textContent = QUESTIONS.length; function renderPage() { container.innerHTML = ''; var start = currentPage * PER_PAGE; var end = Math.min(start + PER_PAGE, QUESTIONS.length); for (var i = start; i < end; i++) { var q = QUESTIONS[i]; var card = document.createElement('div'); card.className = 'qz-card'; card.setAttribute('data-index', i); var head = document.createElement('div'); head.className = 'qz-q-head'; head.innerHTML = '' + (i + 1) + '' + q.q + ''; card.appendChild(head); var optsWrap = document.createElement('div'); optsWrap.className = 'qz-options'; for (var j = 0; j < q.o.length; j++) { (function(idx, qIdx, cardEl) { var btn = document.createElement('button'); btn.className = 'qz-opt'; btn.type = 'button'; var letters = ['أ', 'ب', 'ج', 'د']; btn.innerHTML = '' + letters[idx] + '' + q.o[idx] + ''; if (locked[qIdx]) { btn.classList.add('locked'); if (idx === q.a) btn.classList.add('correct'); } btn.addEventListener('click', function() { if (locked[qIdx]) return; locked[qIdx] = true; var allOpts = cardEl.querySelectorAll('.qz-opt'); allOpts.forEach(function(o) { o.classList.add('locked'); }); var fb = cardEl.querySelector('.qz-feedback'); if (idx === q.a) { btn.classList.add('correct'); correctCount++; fb.className = 'qz-feedback show ok'; fb.textContent = '✅ إجابة صحيحة! أحسنت يا بطل'; } else { btn.classList.add('wrong'); allOpts[q.a].classList.add('correct'); fb.className = 'qz-feedback show no'; fb.textContent = '❌ الإجابة الصحيحة: ' + q.o[q.a]; } answeredCount++; answeredSpan.textContent = answeredCount; updateProgress(); }); optsWrap.appendChild(btn); })(j, i, card); } card.appendChild(optsWrap); var fb = document.createElement('div'); fb.className = 'qz-feedback'; card.appendChild(fb); container.appendChild(card); } pageNumSpan.textContent = currentPage + 1; } function updateProgress() { var percent = (answeredCount / QUESTIONS.length) * 100; progressBar.style.width = percent + '%'; } nextBtn.addEventListener('click', function() { if (currentPage < totalPages - 1) { currentPage++; renderPage(); window.scrollTo({ top: container.offsetTop - 20, behavior: 'smooth' }); } else { showResult(); } }); function showResult() { container.innerHTML = ''; navWrap.style.display = 'none'; var percent = Math.round((correctCount / QUESTIONS.length) * 100); finalScore.textContent = percent + '%'; finalMsg.textContent = 'أجبت بشكل صحيح على ' + correctCount + ' من ' + QUESTIONS.length + ' سؤال'; var emoji = '🎯'; var msg = 'ممتاز! استمر في التفوق'; if (percent >= 90) { emoji = '🏆'; msg = 'رائع جداً! أنت بطل حقيقي'; } else if (percent >= 75) { emoji = '🌟'; msg = 'ممتاز! استمر في التقدم'; } else if (percent >= 50) { emoji = '👍'; msg = 'جيد! راجع وحاول مرة أخرى'; } else { emoji = '💪'; msg = 'لا بأس! راجع الدرس وحاول تاني'; } finalMsg.innerHTML = emoji + ' ' + msg + '' + finalMsg.textContent + ''; resultBox.classList.add('show'); resultBox.scrollIntoView({ behavior: 'smooth' }); } retryBtn.addEventListener('click', function() { currentPage = 0; answeredCount = 0; correctCount = 0; locked = {}; answeredSpan.textContent = 0; updateProgress(); resultBox.classList.remove('show'); navWrap.style.display = 'flex'; renderPage(); window.scrollTo({ top: 0, behavior: 'smooth' }); }); renderPage(); })();