Событие input в JavaScript

Следующее событие, которое мы с вами изучим, называется input. Оно возникает каждый раз при вводе нового символа в инпут или textarea.

Посмотрим на примере. Пусть у нас есть инпут:

<input id="elem">

Давайте при каждом нажатии кнопки на клавиатуре будем выводить в консоль текущее содержимое инпута:

let elem = document.querySelector('#elem'); elem.addEventListener('input', function() { console.log(this.value); });

Дан инпут. Пусть в него вводится текст. Как только длина текста достигнет 5-ти, выведите на экран сообщение об этом.

Дан инпут. Пусть в него разрешено ввести 5 символов. Дан также абзац. По мере ввода символов в инпут пишите, сколько еще символов можно ввести. Когда количество символов превысит 5-ти, то в абзац выводите то, на сколько символов превышена длина текста.