Событие change в JavaScript

В данном уроке вы с вами разберем событие change, возникающее в полях ввода при их изменениях. Что это значит? Пусть, к примеру, у вас есть инпут и в нем есть какой-то текст. Если вы измените этот текст, то в этом случае и возникнет это событие.

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

html<input id="elem" value="text">

Давайте по его изменению выведем в консоль его новое значение:

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

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