JavaScript'te düğmeye basınca ne olsun?

Olay kullanıcının hareketidir. En çok kullanılanı tıklamadır. onclick küçük örnek içindir. Ayrı betikte addEventListener daha doğrudur.

<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 öğeyi id ile bulur. textContent o öğenin metnini değiştirir. Sayfa yeniden yüklenmez.

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 nedir? Tıklayınca çalışan kısa komuttur. Küçük örnek için yeter.

addEventListener ne bekler? İlk argüman olayın adıdır, örneğin click. İkincisi fonksiyondur.

id neden gerekir? JavaScript o öğeyi bulsun diye. Sayfada tekrar etmemelidir.

textContent neyi değiştirir? Öğenin görünen metnini. Sayfayı yenilemeden.