Събитие change в JavaScript

В този урок вие и аз ще разгледаме събитието change, което възниква в полетата за въвеждане при тяхна промяна. Какво означава това? Да предположим, например, че имате input поле и в него има някакъв текст. Ако промените този текст, тогава в този случай ще възникне това събитие.

Нека разгледаме пример. Да предположим, че имаме input поле:

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

Нека при промяна на стойността му изведем в конзолата новата му стойност:

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

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