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

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

html<input id="elem">

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

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

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

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

Задание 2

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