الأحداث — click و input

الحدث (Event) رد فعلك على الزائر. أشهرها النقر والكتابة:

const btn = document.querySelector("#go");
btn.addEventListener("click", () => {
  console.log("ضغط الزر!");
});

const inp = document.querySelector("#name");
inp.addEventListener("input", () => {
  console.log("كتب: " + inp.value);
});

addEventListener يستمع للحدث على العنصر ويشغّل دالة عند حصوله. inp.value نص الحقل الحالي — به تستطيع تتفاعل حياً مع كل حرف يكتبه الزائر.