ماذا يحدث عند الضغط على زر في جافاسكريبت؟

الحدث هو فعل المستخدم. الأكثر استخداماً هو النقر. onclick يكفي لمثال صغير. في سكربت منفصل addEventListener أوضح.

<button id="menimDuyme">Bas mənə</button>
<script>
  const duyme = document.getElementById("menimDuyme");
  duyme.addEventListener("click", function () {
    alert("Düyməyə basdın!");
  });
</script>

getElementById يجد العنصر بمعرّفه. textContent يغيّر نص ذلك العنصر. الصفحة لا تُعاد تحميلها.

let say = 0;
const sayElementi = document.getElementById("say");
const duyme = document.getElementById("artir");
duyme.addEventListener("click", function () {
  say = say + 1;
  sayElementi.textContent = say;
  if (say >= 5) {
    document.getElementById("mesaj").textContent = "Sayğac 5-ə çatdı.";
  }
});

ما هو onclick؟ أمر قصير يعمل عند النقر. يكفي لمثال صغير.

ماذا ينتظر addEventListener؟ الوسيط الأول اسم الحدث مثل click. والثاني دالة.

لماذا نحتاج id؟ كي يجد جافاسكريبت ذلك العنصر. يجب ألا يتكرر في الصفحة.

ماذا يغيّر textContent؟ النص الظاهر للعنصر. دون إعادة تحميل الصفحة.