Proqramlaşdırma

JavaScript-də düyməyə basanda nə olsun?

Klik hadisəsi, yazını dəyişmək və sayğac.

Bütün dərslər · JavaScript dərsləri: sıfırdan öyrən

Düyməyə basanda

Hadisə istifadəçinin hərəkətidir. Ən çox işlənəni klikdir. onclick sadə nümunə üçündür. Ayrı skriptdə addEventListener daha düzgündür.

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

Yazını dəyiş və say

getElementById elementi id ilə tapır. textContent həmin elementin mətnini dəyişir. Səhifə yenidən yüklənmir.

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ı.";
  }
});

Suallar

onclick nədir? Klik olanda işləyən qısa əmrdir. Kiçik nümunə üçün kifayətdir.

addEventListener nə gözləyir? Birinci arqument hadisənin adıdır, məsələn click. İkinci funksiyadır.

id niyə lazımdır? JavaScript həmin elementi tapmaq üçün. Səhifədə təkrar olmamalıdır.

textContent nə dəyişir? Elementin görünən mətnini. Səhifəni yeniləmədən.

Müəllif: Nibras Code