الدرس 5 من 8
عدّاد يتفاعل
- 12 دقيقة
- 3 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
الاستماع للأحداث وتغيير الصفحة
01
الشرح
الـ JavaScript يغيّر الصفحة بعد تحميلها. العملية دائمًا ثلاث خطوات: تختار عنصرًا، تستمع لحدث، تغيّر شيئًا.
document.querySelector('#btn') يختار، وaddEventListener('click', ...) يستمع، وtextContent يغيّر النص.
ستحتاج متغيّرًا يحفظ العدد بين الضغطات. عرّفه خارج دالة الاستماع، وإلا عاد إلى الصفر في كل مرة.
02
المطلوب
كل ضغطة على الزر تزيد الرقم واحدًا.
معايير التصحيح
3 معايير- العدد يبدأ من 0
- ضغطة واحدة تزيد العدد واحدًا
- ثلاث ضغطات تزيده ثلاثة