JavaScript-dagi change hodisasi

Ushbu darsda siz bilan kirish maydonlarida ular o‘zgartirilganda paydo bo‘ladigan change hodisasini tahlil qilamiz. Bu nima degani? Faraz qilaylik, sizda kirish maydoni bor va unda ma'lum bir matn mavjud. Agar siz ushbu matnni o‘zgartirsangiz, shunda mana shu hodisa yuzaga keladi.

Keling, misol orqali ko'rib chiqaylik. Faraz qilaylik, bizda kirish maydoni mavjud:

html<input id="elem" value="text">

Keling, uning o‘zgarishi bo‘yicha konsolga uning yangi qiymatini chiqaraylik:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('change', function() {
  console.log(this.value);
});