الإسبانيا

القسم الاول #es-a1-quiz * { box-sizing: border-box; font-family: system-ui, "Segoe UI", Tahoma, Arial; } #es-a1-quiz { max-width: 760px; margin: 24px auto; background:#0b0b0b; color:#f7f7f7; border:1px solid #2a2a2a; border-radius:16px; overflow:hidden; } #es-a1-quiz .header { padding:18px 20px; background:#111; border-bottom:1px solid #222; display:flex; align-items:center; justify-content:space-between; gap:12px; } #es-a1-quiz .brand { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.5px; } #es-a1-quiz .dot { width:10px; height:10px; border-radius:50%; background:#d4af37; box-shadow:0 0 10px #d4af37; } #es-a1-quiz .title { color:#d4af37; } #es-a1-quiz .timer, #es-a1-quiz .score { font-size:14px; opacity:.9; } #es-a1-quiz .wrap { padding:22px; } #es-a1-quiz .card { background:#121212; border:1px solid #1f1f1f; border-radius:14px; padding:18px; box-shadow:0 0 0 1px rgba(212,175,55,0.08); } #es-a1-quiz .qtop { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; } #es-a1-quiz .qnum { font-size:13px; color:#c8c8c8; } #es-a1-quiz .progress { height:8px; background:#1b1b1b; border-radius:999px; overflow:hidden; margin:10px 0 0; border:1px solid #242424; } #es-a1-quiz .bar { height:100%; width:0%; background:linear-gradient(90deg,#d4af37,#b88a1a); transition:width .35s ease; } #es-a1-quiz .question { font-size:20px; margin:12px 0 16px; } #es-a1-quiz .spanish { color:#d4af37; font-weight:700; } #es-a1-quiz .choices { display:grid; gap:10px; } #es-a1-quiz button.choice { text-align:right; padding:12px 14px; background:#0f0f0f; color:#f5f5f5; border:1px solid #3a3a3a; border-radius:12px; cursor:pointer; transition:all .2s; } #es-a1-quiz button.choice:hover { transform:translateY(-1px); border-color:#d4af37; box-shadow:0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.08); } #es-a1-quiz button.choice:active { transform:translateY(0); } #es-a1-quiz .controls { display:flex; gap:10px; justify-content:space-between; margin-top:16px; } #es-a1-quiz .btn { background:#d4af37; color:#0b0b0b; border:none; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:700; } #es-a1-quiz .btn.secondary { background:transparent; color:#d4af37; border:1px solid #d4af37; } #es-a1-quiz .btn:disabled { opacity:.5; cursor:not-allowed; } #es-a1-quiz .start { text-align:center; padding:28px 22px 30px; } #es-a1-quiz .start h3 { margin:0 0 10px; color:#d4af37; } #es-a1-quiz .muted { color:#cfcfcf; opacity:.85; font-size:14px; } #es-a1-quiz .result { text-align:center; padding:28px 22px 30px; } #es-a1-quiz .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 10px; } #es-a1-quiz .kpi { background:#111; border:1px solid #222; border-radius:14px; padding:14px; } #es-a1-quiz .kpi .label { font-size:12px; color:#bdbdbd; } #es-a1-quiz .kpi .val { font-size:20px; font-weight:800; color:#d4af37; margin-top:2px; } #es-a1-quiz .footnote { font-size:12px; color:#bdbdbd; margin-top:6px; } اختبار كلمات إسبانية A1 الوقت: 00:00 الصحيح: 0 جاهز؟ اضغط “ابدأ الاختبار”. سيظهر لك كلمة إسبانية وعليك اختيار معناها بالعربية من ٣ خيارات. في النهاية سنعرض الوقت المستغرق ونسبة الإجابات الصحيحة. ابدأ الاختبار تبديل الترتيب سؤال 1 من 0 ما معنى الكلمة: hola؟ تخطي التالي النتيجة النهائية عدد الصحيح 0 النسبة % 0% الوقت المستغرق 00:00 نصيحة: أعد الاختبار مع تبديل ترتيب الأسئلة لتعزيز الحفظ. إعادة الاختبار إعادة + تبديل (function(){ // === بيانات الكلمات (إسباني → عربي) === const WORDS = [ ["hola","مرحبًا"], ["adiós","وداعًا"], ["sí","نعم"], ["no","لا"], ["por favor","من فضلك"], ["gracias","شكرًا"], ["de nada","على الرحب"], ["lo siento","أنا آسف"], ["buenos días","صباح الخير"], ["buenas noches","تصبح على خير"], ["hombre","رجل"], ["mujer","امرأة"], ["niño","طفل (ولد)"], ["niña","طفلة (بنت)"], ["amigo","صديق"], ["amiga","صديقة"], ["padre","أب"], ["madre","أم"], ["hermano","أخ"], ["hermana","أخت"], ["familia","عائلة"], ["casa","منزل"], ["habitación","غرفة"], ["escuela","مدرسة"], ["libro","كتاب"], ["mesa","طاولة"], ["silla","كرسي"], ["coche","سيارة"], ["calle","شارع"], ["ciudad","مدينة"], ["país","بلد"], ["agua","ماء"], ["pan","خبز"], ["manzana","تفاحة"], ["leche","حليب"], ["carne","لحم"], ["pescado","سمك"], ["té","شاي"], ["café","قهوة"], ["fruta","فاكهة"], ["día","يوم"], ["noche","ليلة"], ["hoy","اليوم"], ["mañana","غدًا"], ["tiempo","وقت"], ["año","سنة"], ["semana","أسبوع"], ["hora","ساعة"], ["trabajo","عمل"], ["gente","ناس"] ]; // --- عناصر DOM --- const startScreen = document.getElementById('startScreen'); const startBtn = document.getElementById('startBtn'); const shuffleBtn = document.getElementById('shuffleBtn'); const quizCard = document.getElementById('quizCard'); const resultCard = document.getElementById('resultCard'); const spanishWordEl = document.getElementById('spanishWord'); const choicesEl = document.getElementById('choices'); const nextBtn = document.getElementById('nextBtn'); const skipBtn = document.getElementById('skipBtn'); const qIndexEl = document.getElementById('qIndex'); const qTotalEl = document.getElementById('qTotal'); const progressBar = document.getElementById('progressBar'); const timeSpentEl = document.getElementById('timeSpent'); const rightNowEl = document.getElementById('rightNow'); const finalRightEl = document.getElementById('finalRight'); const finalPctEl = document.getElementById('finalPct'); const finalTimeEl = document.getElementById('finalTime'); const restartBtn = document.getElementById('restartBtn'); const reshuffleRestartBtn = document.getElementById('reshuffleRestartBtn'); // --- حالة الاختبار --- let pool = [...WORDS]; // سيتم تبديل ترتيبها عند الطلب let order = []; // ترتيب الأسئلة let idx = 0; // مؤشر السؤال الحالي let correctCount = 0; // عدد الإجابات الصحيحة let selected = null; // فهرس الخيار الذي اختاره المستخدم let startedAt = 0; // الطابع الزمني لبداية الاختبار let timerId = null; // محدث التوقيت // --- أدوات مساعدة --- const fmt = (n)=> (n0; i--){ const j = Math.floor(Math.random()*(i+1)); [arr[i], arr[j]] = [arr[j], arr[i]]; } return arr; } function uniqueRandomDistractors(correctMeaning, count=2){ const meanings = WORDS.map(w=>w[1]).filter(m=>m!==correctMeaning); shuffle(meanings); const picked = []; for(const m of meanings){ if(!picked.includes(m)){ picked.push(m); if(picked.length===count) break; } } return picked; } function startTimer(){ startedAt = Date.now(); timerId && clearInterval(timerId); timerId = setInterval(()=>{ const sec = Math.floor((Date.now()-startedAt)/1000); const mm = Math.floor(sec/60); const ss = sec%60; timeSpentEl.textContent = `${fmt(mm)}:${fmt(ss)}`; }, 300); } function stopTimer(){ timerId && clearInterval(timerId); timerId = null; } function resetState(){ idx = 0; correctCount = 0; selected = null; rightNowEl.textContent = "0"; progressBar.style.width = "0%"; } // --- بناء سؤال --- function buildQuestion(i){ const [es, ar] = pool[i]; spanishWordEl.textContent = es; // ابنِ الخيارات: صحيح + 2 مشتتات const distractors = uniqueRandomDistractors(ar, 2); const options = shuffle([ar, ...distractors]); choicesEl.innerHTML = ""; options.forEach(opt=>{ const btn = document.createElement('button'); btn.className = "choice"; btn.type = "button"; btn.textContent = opt; btn.addEventListener('click', ()=>{ // بعد الاختيار، فعّل "التالي" وتقيّم الإجابة if(selected!==null) return; // منع تكرار الاختيار selected = opt; if(opt === ar){ correctCount++; rightNowEl.textContent = correctCount; btn.style.borderColor = "#d4af37"; btn.style.boxShadow = "0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.18)"; } else { btn.style.borderColor = "#b30000"; btn.style.boxShadow = "0 0 0 1px #b30000, 0 6px 14px rgba(179,0,0,.18)"; // أبرز الصحيح للمستخدم [...choicesEl.children].forEach(c=>{ if(c.textContent===ar){ c.style.borderColor = "#2ea043"; c.style.boxShadow = "0 0 0 1px #2ea043, 0 6px 14px rgba(46,160,67,.18)"; } }); } nextBtn.disabled = false; }); choicesEl.appendChild(btn); }); qIndexEl.textContent = i+1; qTotalEl.textContent = pool.length; progressBar.style.width = `${Math.round(((i)/pool.length)*100)}%`; nextBtn.disabled = true; selected = null; } // --- عرض/إخفاء شاشات --- function showStart(){ startScreen.style.display = ""; quizCard.style.display = "none"; resultCard.style.display = "none"; } function showQuiz(){ startScreen.style.display = "none"; quizCard.style.display = ""; resultCard.style.display = "none"; } function showResult(){ startScreen.style.display = "none"; quizCard.style.display = "none"; resultCard.style.display = ""; } // --- تشغيل الاختبار --- function initOrder(){ order = Array.from({length: pool.length}, (_,i)=>i); shuffle(order); } function startQuiz(){ resetState(); startTimer(); showQuiz(); buildQuestion(order[idx]); } function nextQuestion(){ // تقدّم idx++; progressBar.style.width = `${Math.round(((idx)/pool.length)*100)}%`; if(idx >= pool.length){ // انتهى stopTimer(); const sec = Math.floor((Date.now()-startedAt)/1000); const mm = Math.floor(sec/60), ss = sec%60; finalTimeEl.textContent = `${fmt(mm)}:${fmt(ss)}`; finalRightEl.textContent = `${correctCount} / ${pool.length}`; const pct = Math.round((correctCount/pool.length)*100); finalPctEl.textContent = `${pct}%`; showResult(); } else { buildQuestion(order[idx]); } } // --- أحداث الأزرار --- startBtn.addEventListener('click', ()=>{ // لا نبدّل الترتيب هنا (يحترم الوضع الحالي) startQuiz(); }); shuffleBtn.addEventListener('click', ()=>{ initOrder(); // بدّل الترتيب استعدادًا للبداية shuffleBtn.textContent = "تم التبديل ✔"; setTimeout(()=> shuffleBtn.textContent = "تبديل الترتيب", 900); }); skipBtn.addEventListener('click', ()=>{ // تخطي بدون احتساب صحيح if(nextBtn.disabled) nextBtn.disabled = false; nextQuestion(); }); nextBtn.addEventListener('click', ()=>{ nextQuestion(); }); restartBtn.addEventListener('click', ()=>{ initOrder(); // احتفظ بالترتيب الحالي (مبدل بالفعل) startQuiz(); }); reshuffleRestartBtn.addEventListener('click', ()=>{ initOrder(); // أعِد التبديل startQuiz(); }); // إعداد أولي pool = [...WORDS]; initOrder(); showStart(); })(); القسم الثاني #es-a1-quiz2 * { box-sizing: border-box; font-family: system-ui, "Segoe UI", Tahoma, Arial; } #es-a1-quiz2 { max-width: 760px; margin: 24px auto; background:#0b0b0b; color:#f7f7f7; border:1px solid #2a2a2a; border-radius:16px; overflow:hidden; } #es-a1-quiz2 .header { padding:18px 20px; background:#111; border-bottom:1px solid #222; display:flex; align-items:center; justify-content:space-between; gap:12px; } #es-a1-quiz2 .brand { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.5px; } #es-a1-quiz2 .dot { width:10px; height:10px; border-radius:50%; background:#d4af37; box-shadow:0 0 10px #d4af37; } #es-a1-quiz2 .title { color:#d4af37; } #es-a1-quiz2 .timer, #es-a1-quiz2 .score { font-size:14px; opacity:.9; } #es-a1-quiz2 .wrap { padding:22px; } #es-a1-quiz2 .card { background:#121212; border:1px solid #1f1f1f; border-radius:14px; padding:18px; } #es-a1-quiz2 .qtop { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; } #es-a1-quiz2 .qnum { font-size:13px; color:#c8c8c8; } #es-a1-quiz2 .progress { height:8px; background:#1b1b1b; border-radius:999px; overflow:hidden; margin:10px 0 0; border:1px solid #242424; } #es-a1-quiz2 .bar { height:100%; width:0%; background:linear-gradient(90deg,#d4af37,#b88a1a); transition:width .35s ease; } #es-a1-quiz2 .question { font-size:20px; margin:12px 0 16px; } #es-a1-quiz2 .spanish { color:#d4af37; font-weight:700; } #es-a1-quiz2 .choices { display:grid; gap:10px; } #es-a1-quiz2 button.choice { text-align:right; padding:12px 14px; background:#0f0f0f; color:#f5f5f5; border:1px solid #3a3a3a; border-radius:12px; cursor:pointer; transition:all .2s; } #es-a1-quiz2 button.choice:hover { transform:translateY(-1px); border-color:#d4af37; box-shadow:0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.08); } #es-a1-quiz2 button.choice:active { transform:translateY(0); } #es-a1-quiz2 .controls { display:flex; gap:10px; justify-content:space-between; margin-top:16px; } #es-a1-quiz2 .btn { background:#d4af37; color:#0b0b0b; border:none; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:700; } #es-a1-quiz2 .btn.secondary { background:transparent; color:#d4af37; border:1px solid #d4af37; } #es-a1-quiz2 .btn:disabled { opacity:.5; cursor:not-allowed; } #es-a1-quiz2 .start { text-align:center; padding:28px 22px 30px; } #es-a1-quiz2 .start h3 { margin:0 0 10px; color:#d4af37; } #es-a1-quiz2 .muted { color:#cfcfcf; opacity:.85; font-size:14px; } #es-a1-quiz2 .result { text-align:center; padding:28px 22px 30px; } #es-a1-quiz2 .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 10px; } #es-a1-quiz2 .kpi { background:#111; border:1px solid #222; border-radius:14px; padding:14px; } #es-a1-quiz2 .kpi .label { font-size:12px; color:#bdbdbd; } #es-a1-quiz2 .kpi .val { font-size:20px; font-weight:800; color:#d4af37; margin-top:2px; } #es-a1-quiz2 .footnote { font-size:12px; color:#bdbdbd; margin-top:6px; } اختبار كلمات إسبانية A1 (مجموعة ٢) الوقت: 00:00 الصحيح: 0 جاهز؟ اضغط “ابدأ الاختبار” للكلمات الجديدة (٥٠ كلمة). ابدأ الاختبار سؤال 1 من 0 ما معنى الكلمة: ...؟ تخطي التالي النتيجة النهائية عدد الصحيح0 النسبة %0% الوقت المستغرق00:00 إعادة الاختبار (function(){ const WORDS2 = [ ["ventana","نافذة"],["puerta","باب"],["suelo","أرضية"],["techo","سقف"],["pared","جدار"], ["lámpara","مصباح"],["cama","سرير"],["perro","كلب"],["gato","قط"],["pájaro","طائر"], ["flor","زهرة"],["árbol","شجرة"],["montaña","جبل"],["río","نهر"],["mar","بحر"], ["playa","شاطئ"],["campo","ريف"],["bosque","غابة"],["sol","شمس"],["luna","قمر"], ["estrella","نجمة"],["cielo","سماء"],["fuego","نار"],["aire","هواء"],["tierra","أرض"], ["amigos","أصدقاء"],["comida","طعام"],["bebida","شراب"],["zapato","حذاء"],["camisa","قميص"], ["pantalón","بنطال"],["vestido","فستان"],["abrigo","معطف"],["sombrero","قبعة"],["reloj","ساعة يد"], ["dinero","مال"],["banco","بنك"],["tienda","متجر"],["mercado","سوق"],["hospital","مستشفى"], ["farmacia","صيدلية"],["policía","شرطة"],["callejón","زقاق"],["plaza","ساحة"],["estación","محطة"], ["avión","طائرة"],["tren","قطار"],["autobús","حافلة"],["bicicleta","دراجة"],["camino","طريق"] ]; let idx=0, correct=0, startedAt=0, timer=null, order=[]; const startBtn=document.getElementById('startBtn2'), quizCard=document.getElementById('quizCard2'), startScreen=document.getElementById('startScreen2'), resultCard=document.getElementById('resultCard2'), spanish=document.getElementById('spanishWord2'), choices=document.getElementById('choices2'), nextBtn=document.getElementById('nextBtn2'), skipBtn=document.getElementById('skipBtn2'), qIndex=document.getElementById('qIndex2'), qTotal=document.getElementById('qTotal2'), progress=document.getElementById('progressBar2'), timeSpent=document.getElementById('timeSpent2'), rightNow=document.getElementById('rightNow2'), finalRight=document.getElementById('finalRight2'), finalPct=document.getElementById('finalPct2'), finalTime=document.getElementById('finalTime2'), restartBtn=document.getElementById('restartBtn2'); function shuffle(a){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 startTimer(){startedAt=Date.now();timer=setInterval(()=>{const s=Math.floor((Date.now()-startedAt)/1000);timeSpent.textContent=`${("0"+Math.floor(s/60)).slice(-2)}:${("0"+s%60).slice(-2)}`;},500);} function stopTimer(){clearInterval(timer);} function buildQuestion(i){ const [es,ar]=WORDS2[order[i]]; spanish.textContent=es; const opts=shuffle([ar,...shuffle(WORDS2.map(w=>w[1]).filter(x=>x!==ar)).slice(0,2)]); choices.innerHTML=""; opts.forEach(opt=>{ const btn=document.createElement("button");btn.className="choice";btn.textContent=opt; btn.onclick=()=>{if(!nextBtn.disabled)return; if(opt===ar){correct++;rightNow.textContent=correct;btn.style.borderColor="#d4af37";}else{btn.style.borderColor="red";choices.querySelectorAll("button").forEach(b=>{if(b.textContent===ar)b.style.borderColor="green";});} nextBtn.disabled=false;}; choices.appendChild(btn); }); qIndex.textContent=i+1; qTotal.textContent=order.length; progress.style.width=`${(i/order.length)*100}%`; nextBtn.disabled=true; } function startQuiz(){idx=0;correct=0;rightNow.textContent=0;order=shuffle([...Array(WORDS2.length).keys()]);startScreen.style.display="none";quizCard.style.display="";resultCard.style.display="none";startTimer();buildQuestion(idx);} function nextQ(){idx++;if(idx>=order.length){stopTimer();quizCard.style.display="none";resultCard.style.display="";finalRight.textContent=`${correct}/${order.length}`;finalPct.textContent=`${Math.round(correct/order.length*100)}%`;finalTime.textContent=timeSpent.textContent;}else buildQuestion(idx);} startBtn.onclick=startQuiz; nextBtn.onclick=nextQ; skipBtn.onclick=nextQ; restartBtn.onclick=startQuiz; })(); القسم الثالث #es-a1-quiz3 * { box-sizing: border-box; font-family: system-ui, "Segoe UI", Tahoma, Arial; } #es-a1-quiz3 { max-width: 760px; margin: 24px auto; background:#0b0b0b; color:#f7f7f7; border:1px solid #2a2a2a; border-radius:16px; overflow:hidden; } #es-a1-quiz3 .header { padding:18px 20px; background:#111; border-bottom:1px solid #222; display:flex; align-items:center; justify-content:space-between; gap:12px; } #es-a1-quiz3 .brand { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.5px; } #es-a1-quiz3 .dot { width:10px; height:10px; border-radius:50%; background:#d4af37; box-shadow:0 0 10px #d4af37; } #es-a1-quiz3 .title { color:#d4af37; } #es-a1-quiz3 .timer, #es-a1-quiz3 .score { font-size:14px; opacity:.9; } #es-a1-quiz3 .wrap { padding:22px; } #es-a1-quiz3 .card { background:#121212; border:1px solid #1f1f1f; border-radius:14px; padding:18px; } #es-a1-quiz3 .qtop { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; } #es-a1-quiz3 .qnum { font-size:13px; color:#c8c8c8; } #es-a1-quiz3 .progress { height:8px; background:#1b1b1b; border-radius:999px; overflow:hidden; margin:10px 0 0; border:1px solid #242424; } #es-a1-quiz3 .bar { height:100%; width:0%; background:linear-gradient(90deg,#d4af37,#b88a1a); transition:width .35s ease; } #es-a1-quiz3 .question { font-size:20px; margin:12px 0 16px; } #es-a1-quiz3 .spanish { color:#d4af37; font-weight:700; } #es-a1-quiz3 .choices { display:grid; gap:10px; } #es-a1-quiz3 button.choice { text-align:right; padding:12px 14px; background:#0f0f0f; color:#f5f5f5; border:1px solid #3a3a3a; border-radius:12px; cursor:pointer; transition:all .2s; } #es-a1-quiz3 button.choice:hover { transform:translateY(-1px); border-color:#d4af37; box-shadow:0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.08); } #es-a1-quiz3 button.choice:active { transform:translateY(0); } #es-a1-quiz3 .controls { display:flex; gap:10px; justify-content:space-between; margin-top:16px; } #es-a1-quiz3 .btn { background:#d4af37; color:#0b0b0b; border:none; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:700; } #es-a1-quiz3 .btn.secondary { background:transparent; color:#d4af37; border:1px solid #d4af37; } #es-a1-quiz3 .btn:disabled { opacity:.5; cursor:not-allowed; } #es-a1-quiz3 .start { text-align:center; padding:28px 22px 30px; } #es-a1-quiz3 .start h3 { margin:0 0 10px; color:#d4af37; } #es-a1-quiz3 .muted { color:#cfcfcf; opacity:.85; font-size:14px; } #es-a1-quiz3 .result { text-align:center; padding:28px 22px 30px; } #es-a1-quiz3 .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 10px; } #es-a1-quiz3 .kpi { background:#111; border:1px solid #222; border-radius:14px; padding:14px; } #es-a1-quiz3 .kpi .label { font-size:12px; color:#bdbdbd; } #es-a1-quiz3 .kpi .val { font-size:20px; font-weight:800; color:#d4af37; margin-top:2px; } #es-a1-quiz3 .footnote { font-size:12px; color:#bdbdbd; margin-top:6px; } اختبار كلمات إسبانية A1 (مجموعة ٣) الوقت: 00:00 الصحيح: 0 جاهز؟ اضغط “ابدأ الاختبار” للكلمات الجديدة (٥٠ كلمة مختلفة). ابدأ الاختبار سؤال 1 من 0 ما معنى الكلمة: ...؟ تخطي التالي النتيجة النهائية عدد الصحيح0 النسبة %0% الوقت المستغرق00:00 نصيحة: كرر الاختبار لتثبيت الكلمات. إعادة الاختبار (function(){ // 50 كلمة جديدة مختلفة const WORDS3 = [ // الأعداد 1-20 ["uno","واحد"],["dos","اثنان"],["tres","ثلاثة"],["cuatro","أربعة"],["cinco","خمسة"], ["seis","ستة"],["siete","سبعة"],["ocho","ثمانية"],["nueve","تسعة"],["diez","عشرة"], ["once","أحد عشر"],["doce","اثنا عشر"],["trece","ثلاثة عشر"],["catorce","أربعة عشر"],["quince","خمسة عشر"], ["dieciséis","ستة عشر"],["diecisiete","سبعة عشر"],["dieciocho","ثمانية عشر"],["diecinueve","تسعة عشر"],["veinte","عشرون"], // أيام الأسبوع (7) ["lunes","الاثنين"],["martes","الثلاثاء"],["miércoles","الأربعاء"],["jueves","الخميس"],["viernes","الجمعة"],["sábado","السبت"],["domingo","الأحد"], // أفعال شائعة (15) ["ser","يكون (جوهر)"],["estar","يكون (حالة)"],["tener","يملك / لديه"],["hacer","يفعل / يصنع"],["ir","يذهب"], ["venir","يأتي"],["ver","يرى"],["comer","يأكل"],["beber","يشرب"],["vivir","يعيش"], ["hablar","يتحدث"],["leer","يقرأ"],["escribir","يكتب"],["abrir","يفتح"],["cerrar","يغلق"], // صفات أساسية (8) ["grande","كبير"],["pequeño","صغير"],["nuevo","جديد"],["viejo","قديم"], ["bonito","جميل"],["feo","قبيح"],["fácil","سهل"],["difícil","صعب"] ]; // عناصر DOM const startBtn=document.getElementById('startBtn3'), quizCard=document.getElementById('quizCard3'), startScreen=document.getElementById('startScreen3'), resultCard=document.getElementById('resultCard3'), spanish=document.getElementById('spanishWord3'), choices=document.getElementById('choices3'), nextBtn=document.getElementById('nextBtn3'), skipBtn=document.getElementById('skipBtn3'), qIndex=document.getElementById('qIndex3'), qTotal=document.getElementById('qTotal3'), progress=document.getElementById('progressBar3'), timeSpent=document.getElementById('timeSpent3'), rightNow=document.getElementById('rightNow3'), finalRight=document.getElementById('finalRight3'), finalPct=document.getElementById('finalPct3'), finalTime=document.getElementById('finalTime3'), restartBtn=document.getElementById('restartBtn3'); // حالة let idx=0, correct=0, startedAt=0, timer=null, order=[]; function shuffle(a){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;} const fmt=n=>n{ const s=Math.floor((Date.now()-startedAt)/1000); timeSpent.textContent=`${fmt(Math.floor(s/60))}:${fmt(s%60)}`; },400); } function stopTimer(){clearInterval(timer);} function buildQuestion(i){ const [es,ar]=WORDS3[order[i]]; spanish.textContent=es; // توليد خيارات: الصحيح + 2 مشتتات const allMeanings = WORDS3.map(w=>w[1]); const distractors = shuffle(allMeanings.filter(m=>m!==ar)).slice(0,2); const opts = shuffle([ar, ...distractors]); choices.innerHTML=""; opts.forEach(opt=>{ const btn=document.createElement("button"); btn.className="choice"; btn.type="button"; btn.textContent=opt; btn.onclick=()=>{ if(!nextBtn.disabled) return; // منع إعادة الاختيار if(opt===ar){ correct++; rightNow.textContent=correct; btn.style.borderColor="#d4af37"; btn.style.boxShadow="0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.18)"; }else{ btn.style.borderColor="#b30000"; btn.style.boxShadow="0 0 0 1px #b30000, 0 6px 14px rgba(179,0,0,.18)"; // إبراز الصحيح [...choices.children].forEach(c=>{ if(c.textContent===ar){ c.style.borderColor="#2ea043"; c.style.boxShadow="0 0 0 1px #2ea043, 0 6px 14px rgba(46,160,67,.18)"; } }); } nextBtn.disabled=false; }; choices.appendChild(btn); }); qIndex.textContent=i+1; qTotal.textContent=order.length; progress.style.width=`${Math.round((i/order.length)*100)}%`; nextBtn.disabled=true; } function startQuiz(){ idx=0; correct=0; rightNow.textContent=0; order=shuffle([...Array(WORDS3.length).keys()]); startScreen.style.display="none"; quizCard.style.display=""; resultCard.style.display="none"; startTimer(); buildQuestion(idx); } function nextQ(){ idx++; progress.style.width=`${Math.round((idx/order.length)*100)}%`; if(idx>=order.length){ stopTimer(); quizCard.style.display="none"; resultCard.style.display=""; finalRight.textContent=`${correct}/${order.length}`; finalPct.textContent=`${Math.round(correct/order.length*100)}%`; finalTime.textContent=timeSpent.textContent; }else{ buildQuestion(idx); } } startBtn.onclick=startQuiz; nextBtn.onclick=nextQ; skipBtn.onclick=nextQ; restartBtn.onclick=startQuiz; })(); القسم الرابع #es-a1-quiz4 * { box-sizing: border-box; font-family: system-ui, "Segoe UI", Tahoma, Arial; } #es-a1-quiz4 { max-width: 760px; margin: 24px auto; background:#0b0b0b; color:#f7f7f7; border:1px solid #2a2a2a; border-radius:16px; overflow:hidden; } #es-a1-quiz4 .header { padding:18px 20px; background:#111; border-bottom:1px solid #222; display:flex; align-items:center; justify-content:space-between; gap:12px; } #es-a1-quiz4 .brand { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.5px; } #es-a1-quiz4 .dot { width:10px; height:10px; border-radius:50%; background:#d4af37; box-shadow:0 0 10px #d4af37; } #es-a1-quiz4 .title { color:#d4af37; } #es-a1-quiz4 .timer, #es-a1-quiz4 .score { font-size:14px; opacity:.9; } #es-a1-quiz4 .wrap { padding:22px; } #es-a1-quiz4 .card { background:#121212; border:1px solid #1f1f1f; border-radius:14px; padding:18px; } #es-a1-quiz4 .qtop { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; } #es-a1-quiz4 .qnum { font-size:13px; color:#c8c8c8; } #es-a1-quiz4 .progress { height:8px; background:#1b1b1b; border-radius:999px; overflow:hidden; margin:10px 0 0; border:1px solid #242424; } #es-a1-quiz4 .bar { height:100%; width:0%; background:linear-gradient(90deg,#d4af37,#b88a1a); transition:width .35s ease; } #es-a1-quiz4 .question { font-size:20px; margin:12px 0 16px; } #es-a1-quiz4 .spanish { color:#d4af37; font-weight:700; } #es-a1-quiz4 .choices { display:grid; gap:10px; } #es-a1-quiz4 button.choice { text-align:right; padding:12px 14px; background:#0f0f0f; color:#f5f5f5; border:1px solid #3a3a3a; border-radius:12px; cursor:pointer; transition:all .2s; } #es-a1-quiz4 button.choice:hover { transform:translateY(-1px); border-color:#d4af37; box-shadow:0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.08); } #es-a1-quiz4 button.choice:active { transform:translateY(0); } #es-a1-quiz4 .controls { display:flex; gap:10px; justify-content:space-between; margin-top:16px; } #es-a1-quiz4 .btn { background:#d4af37; color:#0b0b0b; border:none; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:700; } #es-a1-quiz4 .btn.secondary { background:transparent; color:#d4af37; border:1px solid #d4af37; } #es-a1-quiz4 .btn:disabled { opacity:.5; cursor:not-allowed; } #es-a1-quiz4 .start { text-align:center; padding:28px 22px 30px; } #es-a1-quiz4 .start h3 { margin:0 0 10px; color:#d4af37; } #es-a1-quiz4 .muted { color:#cfcfcf; opacity:.85; font-size:14px; } #es-a1-quiz4 .result { text-align:center; padding:28px 22px 30px; } #es-a1-quiz4 .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 10px; } #es-a1-quiz4 .kpi { background:#111; border:1px solid #222; border-radius:14px; padding:14px; } #es-a1-quiz4 .kpi .label { font-size:12px; color:#bdbdbd; } #es-a1-quiz4 .kpi .val { font-size:20px; font-weight:800; color:#d4af37; margin-top:2px; } #es-a1-quiz4 .footnote { font-size:12px; color:#bdbdbd; margin-top:6px; } اختبار كلمات إسبانية A1 (مجموعة ٤) الوقت: 00:00 الصحيح: 0 جاهز؟ اضغط “ابدأ الاختبار” للكلمات الجديدة (٥٠ كلمة مختلفة). ابدأ الاختبار سؤال 1 من 0 ما معنى الكلمة: ...؟ تخطي التالي النتيجة النهائية عدد الصحيح0 النسبة %0% الوقت المستغرق00:00 نصيحة: كرر الاختبار لتثبيت الكلمات. إعادة الاختبار (function(){ // 50 كلمة جديدة (أشهر، ألوان، أدوات استفهام، ظروف/حروف، أجزاء جسم) const WORDS4 = [ // الشهور (12) ["enero","يناير"],["febrero","فبراير"],["marzo","مارس"],["abril","أبريل"],["mayo","مايو"],["junio","يونيو"], ["julio","يوليو"],["agosto","أغسطس"],["septiembre","سبتمبر"],["octubre","أكتوبر"],["noviembre","نوفمبر"],["diciembre","ديسمبر"], // الألوان (10) ["rojo","أحمر"],["azul","أزرق"],["verde","أخضر"],["amarillo","أصفر"],["negro","أسود"], ["blanco","أبيض"],["gris","رمادي"],["marrón","بني"],["rosa","وردي"],["morado","بنفسجي"], // أدوات استفهام (7) ["qué","ماذا"],["quién","من"],["dónde","أين"],["cuándo","متى"],["por qué","لماذا"],["cómo","كيف"],["cuánto","كم"], // ظروف/حروف مكان أساسية (9) ["aquí","هنا"],["allí","هناك"],["arriba","أعلى"],["abajo","أسفل"],["dentro","داخل"],["fuera","خارج"],["delante","أمام"],["detrás","خلف"],["entre","بين"], // أجزاء جسم (6) ["cabeza","رأس"],["mano","يد"],["ojo","عين"],["boca","فم"],["pie","قدم"],["espalda","ظهر"], // ظرف زمن/تواتر (6) ["temprano","مبكر"],["tarde","متأخر / مساء"],["ahora","الآن"],["antes","قبل"],["después","بعد"],["luego","لاحقًا"] ]; // عناصر DOM const startBtn=document.getElementById('startBtn4'), quizCard=document.getElementById('quizCard4'), startScreen=document.getElementById('startScreen4'), resultCard=document.getElementById('resultCard4'), spanish=document.getElementById('spanishWord4'), choices=document.getElementById('choices4'), nextBtn=document.getElementById('nextBtn4'), skipBtn=document.getElementById('skipBtn4'), qIndex=document.getElementById('qIndex4'), qTotal=document.getElementById('qTotal4'), progress=document.getElementById('progressBar4'), timeSpent=document.getElementById('timeSpent4'), rightNow=document.getElementById('rightNow4'), finalRight=document.getElementById('finalRight4'), finalPct=document.getElementById('finalPct4'), finalTime=document.getElementById('finalTime4'), restartBtn=document.getElementById('restartBtn4'); // حالة let idx=0, correct=0, startedAt=0, timer=null, order=[]; function shuffle(a){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;} const fmt=n=>n{ const s=Math.floor((Date.now()-startedAt)/1000); timeSpent.textContent=`${fmt(Math.floor(s/60))}:${fmt(s%60)}`; },400); } function stopTimer(){clearInterval(timer);} function buildQuestion(i){ const [es,ar]=WORDS4[order[i]]; spanish.textContent=es; // توليد خيارات: الصحيح + 2 مشتتات const allMeanings = WORDS4.map(w=>w[1]); const distractors = shuffle(allMeanings.filter(m=>m!==ar)).slice(0,2); const opts = shuffle([ar, ...distractors]); choices.innerHTML=""; opts.forEach(opt=>{ const btn=document.createElement("button"); btn.className="choice"; btn.type="button"; btn.textContent=opt; btn.onclick=()=>{ if(!nextBtn.disabled) return; // منع إعادة الاختيار if(opt===ar){ correct++; rightNow.textContent=correct; btn.style.borderColor="#d4af37"; btn.style.boxShadow="0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.18)"; }else{ btn.style.borderColor="#b30000"; btn.style.boxShadow="0 0 0 1px #b30000, 0 6px 14px rgba(179,0,0,.18)"; // إبراز الصحيح [...choices.children].forEach(c=>{ if(c.textContent===ar){ c.style.borderColor="#2ea043"; c.style.boxShadow="0 0 0 1px #2ea043, 0 6px 14px rgba(46,160,67,.18)"; } }); } nextBtn.disabled=false; }; choices.appendChild(btn); }); qIndex.textContent=i+1; qTotal.textContent=order.length; progress.style.width=`${Math.round((i/order.length)*100)}%`; nextBtn.disabled=true; } function startQuiz(){ idx=0; correct=0; rightNow.textContent=0; order=shuffle([...Array(WORDS4.length).keys()]); startScreen.style.display="none"; quizCard.style.display=""; resultCard.style.display="none"; startTimer(); buildQuestion(idx); } function nextQ(){ idx++; progress.style.width=`${Math.round((idx/order.length)*100)}%`; if(idx>=order.length){ stopTimer(); quizCard.style.display="none"; resultCard.style.display=""; finalRight.textContent=`${correct}/${order.length}`; finalPct.textContent=`${Math.round(correct/order.length*100)}%`; finalTime.textContent=timeSpent.textContent; }else{ buildQuestion(idx); } } startBtn.onclick=startQuiz; nextBtn.onclick=nextQ; skipBtn.onclick=nextQ; restartBtn.onclick=startQuiz; })(); القسم الخامس #es-a1-quiz5 * { box-sizing: border-box; font-family: system-ui, "Segoe UI", Tahoma, Arial; } #es-a1-quiz5 { max-width: 760px; margin: 24px auto; background:#0b0b0b; color:#f7f7f7; border:1px solid #2a2a2a; border-radius:16px; overflow:hidden; } #es-a1-quiz5 .header { padding:18px 20px; background:#111; border-bottom:1px solid #222; display:flex; align-items:center; justify-content:space-between; gap:12px; } #es-a1-quiz5 .brand { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.5px; } #es-a1-quiz5 .dot { width:10px; height:10px; border-radius:50%; background:#d4af37; box-shadow:0 0 10px #d4af37; } #es-a1-quiz5 .title { color:#d4af37; } #es-a1-quiz5 .timer, #es-a1-quiz5 .score { font-size:14px; opacity:.9; } #es-a1-quiz5 .wrap { padding:22px; } #es-a1-quiz5 .card { background:#121212; border:1px solid #1f1f1f; border-radius:14px; padding:18px; } #es-a1-quiz5 .qtop { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; } #es-a1-quiz5 .qnum { font-size:13px; color:#c8c8c8; } #es-a1-quiz5 .progress { height:8px; background:#1b1b1b; border-radius:999px; overflow:hidden; margin:10px 0 0; border:1px solid #242424; } #es-a1-quiz5 .bar { height:100%; width:0%; background:linear-gradient(90deg,#d4af37,#b88a1a); transition:width .35s ease; } #es-a1-quiz5 .question { font-size:20px; margin:12px 0 16px; } #es-a1-quiz5 .spanish { color:#d4af37; font-weight:700; } #es-a1-quiz5 .choices { display:grid; gap:10px; } #es-a1-quiz5 button.choice { text-align:right; padding:12px 14px; background:#0f0f0f; color:#f5f5f5; border:1px solid #3a3a3a; border-radius:12px; cursor:pointer; transition:all .2s; } #es-a1-quiz5 button.choice:hover { transform:translateY(-1px); border-color:#d4af37; box-shadow:0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.08); } #es-a1-quiz5 button.choice:active { transform:translateY(0); } #es-a1-quiz5 .controls { display:flex; gap:10px; justify-content:space-between; margin-top:16px; } #es-a1-quiz5 .btn { background:#d4af37; color:#0b0b0b; border:none; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:700; } #es-a1-quiz5 .btn.secondary { background:transparent; color:#d4af37; border:1px solid #d4af37; } #es-a1-quiz5 .btn:disabled { opacity:.5; cursor:not-allowed; } #es-a1-quiz5 .start { text-align:center; padding:28px 22px 30px; } #es-a1-quiz5 .start h3 { margin:0 0 10px; color:#d4af37; } #es-a1-quiz5 .muted { color:#cfcfcf; opacity:.85; font-size:14px; } #es-a1-quiz5 .result { text-align:center; padding:28px 22px 30px; } #es-a1-quiz5 .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 10px; } #es-a1-quiz5 .kpi { background:#111; border:1px solid #222; border-radius:14px; padding:14px; } #es-a1-quiz5 .kpi .label { font-size:12px; color:#bdbdbd; } #es-a1-quiz5 .kpi .val { font-size:20px; font-weight:800; color:#d4af37; margin-top:2px; } #es-a1-quiz5 .footnote { font-size:12px; color:#bdbdbd; margin-top:6px; } اختبار كلمات إسبانية A1 (مجموعة ٥) الوقت: 00:00 الصحيح: 0 جاهز؟ اضغط “ابدأ الاختبار” للكلمات الجديدة (٥٠ كلمة مختلفة). ابدأ الاختبار سؤال 1 من 0 ما معنى الكلمة: ...؟ تخطي التالي النتيجة النهائية عدد الصحيح0 النسبة %0% الوقت المستغرق00:00 نصيحة: كرر الاختبار لتثبيت الكلمات. إعادة الاختبار (function(){ // 50 كلمة جديدة مختلفة (منزل/مطبخ/حمّام، مدرسة، أماكن، فصول السنة، أفعال يومية، ظروف) const WORDS5 = [ // منزل / مطبخ ["cocina","مطبخ"],["horno","فرن"],["nevera","ثلاجة"],["microondas","ميكروويف"],["sartén","مقلاة"], ["olla","قدر"],["cuchara","ملعقة"],["tenedor","شوكة"],["cuchillo","سكين"],["plato","طبق"], ["vaso","كوب"],["taza","فنجان"],["botella","زجاجة"], // حمّام ["baño","حمّام"],["ducha","دُش"],["jabón","صابون"],["toalla","منشفة"],["espejo","مرآة"], ["cepillo","فرشاة"],["pasta de dientes","معجون أسنان"],["champú","شامبو"], // مدرسة / أدوات ["lápiz","قلم رصاص"],["bolígrafo","قلم حبر"],["cuaderno","دفتر"],["papel","ورق"], ["goma","ممحاة"],["mochila","حقيبة ظهر"],["pizarra","سبورة"],["regla","مسطرة"], // أماكن ["restaurante","مطعم"],["cafetería","مقهى"],["parque","حديقة"],["museo","متحف"], ["biblioteca","مكتبة"],["hotel","فندق"],["aeropuerto","مطار"], // فصول السنة ["primavera","ربيع"],["verano","صيف"],["otoño","خريف"],["invierno","شتاء"], // أفعال يومية ["estudiar","يدرس"],["trabajar","يعمل"],["caminar","يمشي"],["correr","يجري"], ["dormir","ينام"],["cocinar","يطبخ"],["limpiar","ينظّف"], // ظروف تواتر ["siempre","دائمًا"],["nunca","أبدًا"] ]; // عناصر DOM const startBtn=document.getElementById('startBtn5'), quizCard=document.getElementById('quizCard5'), startScreen=document.getElementById('startScreen5'), resultCard=document.getElementById('resultCard5'), spanish=document.getElementById('spanishWord5'), choices=document.getElementById('choices5'), nextBtn=document.getElementById('nextBtn5'), skipBtn=document.getElementById('skipBtn5'), qIndex=document.getElementById('qIndex5'), qTotal=document.getElementById('qTotal5'), progress=document.getElementById('progressBar5'), timeSpent=document.getElementById('timeSpent5'), rightNow=document.getElementById('rightNow5'), finalRight=document.getElementById('finalRight5'), finalPct=document.getElementById('finalPct5'), finalTime=document.getElementById('finalTime5'), restartBtn=document.getElementById('restartBtn5'); // حالة let idx=0, correct=0, startedAt=0, timer=null, order=[]; function shuffle(a){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;} const fmt=n=>n{ const s=Math.floor((Date.now()-startedAt)/1000); timeSpent.textContent=`${fmt(Math.floor(s/60))}:${fmt(s%60)}`; },400); } function stopTimer(){clearInterval(timer);} function buildQuestion(i){ const [es,ar]=WORDS5[order[i]]; spanish.textContent=es; // توليد خيارات: الصحيح + 2 مشتتات const allMeanings = WORDS5.map(w=>w[1]); const distractors = shuffle(allMeanings.filter(m=>m!==ar)).slice(0,2); const opts = shuffle([ar, ...distractors]); choices.innerHTML=""; opts.forEach(opt=>{ const btn=document.createElement("button"); btn.className="choice"; btn.type="button"; btn.textContent=opt; btn.onclick=()=>{ if(!nextBtn.disabled) return; // منع إعادة الاختيار if(opt===ar){ correct++; rightNow.textContent=correct; btn.style.borderColor="#d4af37"; btn.style.boxShadow="0 0 0 1px #d4af37, 0 6px 14px rgba(212,175,55,.18)"; }else{ btn.style.borderColor="#b30000"; btn.style.boxShadow="0 0 0 1px #b30000, 0 6px 14px rgba(179,0,0,.18)"; // إبراز الصحيح [...choices.children].forEach(c=>{ if(c.textContent===ar){ c.style.borderColor="#2ea043"; c.style.boxShadow="0 0 0 1px #2ea043, 0 6px 14px rgba(46,160,67,.18)"; } }); } nextBtn.disabled=false; }; choices.appendChild(btn); }); qIndex.textContent=i+1; qTotal.textContent=order.length; progress.style.width=`${Math.round((i/order.length)*100)}%`; nextBtn.disabled=true; } function startQuiz(){ idx=0; correct=0; rightNow.textContent=0; order=shuffle([...Array(WORDS5.length).keys()]); startScreen.style.display="none"; quizCard.style.display=""; resultCard.style.display="none"; startTimer(); buildQuestion(idx); } function nextQ(){ idx++; progress.style.width=`${Math.round((idx/order.length)*100)}%`; if(idx>=order.length){ stopTimer(); quizCard.style.display="none"; resultCard.style.display=""; finalRight.textContent=`${correct}/${order.length}`; finalPct.textContent=`${Math.round(correct/order.length*100)}%`; finalTime.textContent=timeSpent.textContent; }else{ buildQuestion(idx); } } startBtn.onclick=startQuiz; nextBtn.onclick=nextQ; skipBtn.onclick=nextQ; restartBtn.onclick=startQuiz; })();

جاهز؟

النتيجة النهائية

جاهز؟

النتيجة النهائية

جاهز؟

النتيجة النهائية

جاهز؟

النتيجة النهائية

جاهز؟

النتيجة النهائية

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

قصص باللغة الإسبانيه

نص الإسباني

نص الإنجليزي

الإنجليزيه

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