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:

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

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

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

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

Kirish maydoni va abzas berilgan. Kirish maydonini o‘zgartirishda uning matnini abzasga chiqaring.

Belgilash katagchasi berilgan. Belgilash katagchasini o‘zgartirishda ekranda uning yangi holatini ko‘rsating.

blur va change hodisalari o‘rtasidagi farqni tushuntiring.

Kirish maydoni berilgan. Uni o‘zgartirishda, undagi belgilar soni 5tadan kam yoki yo‘qligini tekshiring. Agar kam bo‘lsa - kirish maydoni chetini yashil rangga bo‘yang, agar ko‘p bo‘lsa - qizil rangga.