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.