change event in JavaScript

In this lesson, you and I will analyze the change event that occurs in input fields when they change. What does it mean? Let, for example, you have an input and there is some text in it. If you change this text, then this event will occur in this case.

Let's look at an example. Let us have an input:

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

Let's output its new value to the console after changing it:

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

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