JavaScript-da Input Hodisasi

Keyin o'rganadigan hodisamiz input deb ataladi. U har safar input yoki textarea-ga yangi belgi kiritilganda yuzaga keladi. Keling, misol ko'ramiz. Faraz qilaylik, bizda input mavjud:

html<input id="elem">

Keling, klaviaturadagi tugma bosilganda har safar konsolga inputning joriy tarkibini chiqaraylik:

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

elem.addEventListener('input', function() {
  console.log(this.value);
});
Задание 1

Input berilgan. Faraz qilaylik, unga matn kiritilmoqda. Matn uzunligi 5-ga yetgach, darhol ekranga bu haqda xabar chiqaring.

Задание 2

Input berilgan. Faraz qilaylik, unga 5 belgi kiritishga ruxsat berilgan. Shuningdek, abzas ham berilgan. Inputga belgilar kiritilishi bilan yana qancha belgi kiritish mumkinligini yozing. Belgilar soni 5-tadan oshib ketganda, abzasga matn uzunligi qanchalik ortiqchalik ekanligini chiqaring.