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:
<input id="elem" value="text">
Al cambiarlo, mostremos en la consola su nuevo valor:
let elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Dado un input y un párrafo. Al cambiar el input, muestre su texto en el párrafo.
Dado un checkbox. Al cambiar el checkbox, muestre en la pantalla su nuevo estado.
Explique, cuál es la diferencia entre los eventos blur y change.
Dado un input. Al cambiarlo, verifique si la cantidad
de caracteres en él es menor 5 o no.
Si es menor - coloree el borde del input en
verde, y si es mayor - en rojo.
