Evento change en JavaScript

En esta lección analizaremos contigo el evento change, que ocurre en los campos de entrada cuando estos cambian. ¿Qué significa esto? Supongamos, por ejemplo, que tienes un input y en él hay algún texto. Si cambias este texto, entonces en este caso ocurrirá este evento.

Veamos un ejemplo. Supongamos que tenemos un input:

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

Al cambiarlo, mostremos en la consola su nuevo valor:

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

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