JavaScript بالتطبيق العملي

مشروع: عدّاد نقرات

• أضِف زرًّا ومكانًا لعرض العدد في HTML.
• اختر العنصر بـ document.querySelector.
• احتفظ بمتغيّر count.
• عند كل نقرة، زِدْه وحدّث النص.

الـ HTML

<button id="btn">نُقِر 0 مرة</button>

الـ JavaScript

const btn = document.querySelector("#btn");
let count = 0;

btn.addEventListener("click", () => {
  count++;
  btn.textContent = `نُقِر ${count} مرة`;
});

عادات جيدة مقابل أخطاء شائعة

يجب أن تُكتب البرامج ليقرأها البشر، وأن تُنفّذها الآلات بشكل عرضي فقط.هارولد أبلسون