Събитие input в JavaScript

Следващото събитие, което ще изучим, се нарича input. То възниква всеки път при въвеждане на нов символ в поле за въвеждане или textarea. Нека разгледаме пример. Нека имаме поле за въвеждане:

html<input id="elem">

Нека при всяко натискане на клавиш от клавиатурата да извеждаме в конзолата текущото съдържание на полето за въвеждане:

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

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