Событие input в JavaScript

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

html<input id="elem">

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

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

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