Следующее событие, которое мы с вами изучим, называется input. Оно возникает каждый раз при вводе нового символа в инпут или textarea.
Посмотрим на примере. Пусть у нас есть инпут:
<input id="elem">
Давайте при каждом нажатии кнопки на клавиатуре будем выводить в консоль текущее содержимое инпута:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Дан инпут. Пусть в него вводится текст. Как только длина текста достигнет 5-ти, выведите на экран сообщение об этом.
Дан инпут. Пусть в него разрешено ввести 5 символов. Дан также абзац. По мере ввода символов в инпут пишите, сколько еще символов можно ввести. Когда количество символов превысит 5-ти, то в абзац выводите то, на сколько символов превышена длина текста.