JavaScript-ում input իրադարձությունը

Հաջորդ իրադարձությունը, որը մենք կուսումնասիրենք, կոչվում է input: Այն տեղի է ունենում ամեն անգամ, երբ նոր նիշ է մուտքագրվում input կամ textarea դաշտում: Եկեք նայենք օրինակով: Ենթադրենք ունենք input դաշտ.

<input id="elem">

Եկեք ամեն ստեղնի սեղմման դեպքում արտածենք console-ում input դաշտի ընթացիկ պարունակությունը.

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

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

Տրված է input դաշտ: Ենթադրենք դրանում տեքստ է մուտքագրվում: Երբ տեքստի երկարությունը հասնի 5-ի, արտածեք էկրանին դրա մասին հաղորդագրություն:

Տրված է input դաշտ: Ենթադրենք դրանում թույլատրվում է մուտքագրել 5 նիշ: Տրված է նաև պարբերություն: input դաշտում նիշեր մուտքագրելիս գրեք, թե դեռ քանի նիշ է հնարավոր մուտքագրել: Երբ նիշերի քանակը գերազանցի 5-ը, ապա պարբերությունում արտածեք, թե քանի նիշով է գերազանցված տեքստի երկարությունը: