# Событие input в JavaScript

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

`<input id="elem">`

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

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

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

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

← →
↑
en ru