Evento change em JavaScript
Nesta lição, vamos analisar o evento
change, que ocorre em campos de entrada
quando eles são alterados. O que isso significa? Digamos,
por exemplo, que você tem um input e há
algum texto nele. Se você alterar esse texto,
é nesse caso que esse evento ocorrerá.
Vamos ver com um exemplo. Suponha que temos um input:
html<input id="elem" value="text">
Vamos, ao alterá-lo, exibir no console seu novo valor:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Dado um input e um parágrafo. Ao alterar o input, exiba seu texto no parágrafo.
Dada uma checkbox. Ao alterar a checkbox, exiba na tela seu novo estado.
Explique qual é a diferença entre os eventos blur e change.
Dado um input. Ao alterá-lo, verifique se a quantidade
de caracteres nele é menor que 5 ou não.
Se for menor - pinte a borda do input de
verde, e se for maior - de vermelho.