JavaScript'теги input окуясы

Биз изилдей турган кийинки окуя input деп аталат. Бул ар бир жолу инпутко же textareaга жаңы символ киргизилгенде пайда болот. Мисалга карайлы. Бизде инпут бар дейли:

<input id="elem">

Келгиле, клавиатурадагы баскычты ар баскан сайын инпуттун учурдагы мазмунун консольго чыгаралы:

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

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

Инпут берилген. Анга текст киргизилсин. Тексттин узундугу 5-ке жеткенде, экранга бул жөнүндө кабарды чыгарыңыз.

Инпут берилген. Ага 5 символ киргизүүгө уруксат берилсин. Ошондой эле абзац берилген. Инпутка символдор киргизилген сайын, дагы канча символ киргизүүгө болорун жазыңыз. Символдордун саны 5-тен ашканда, анда тексттин узундугу канчага ашкандыгын абзацка чыгарыңыз.