Evento input em JavaScript
O próximo evento que vamos estudar
chama-se input. Ele é acionado
toda vez que um novo caractere é inserido em um input ou
textarea. Vamos ver um exemplo. Suponha
que temos um input:
html<input id="elem">
Vamos fazer com que a cada pressionar de tecla seja exibido no console o conteúdo atual do input:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Dado um input. Suponha que texto seja inserido nele. Assim
que o comprimento do texto atingir 5
caracteres, exiba na tela uma mensagem sobre isso.
Dado um input. Suponha que seja permitido inserir
5 caracteres nele. Dado também um parágrafo. À medida
que os caracteres são inseridos no input, escreva quantos
caracteres ainda podem ser inseridos. Quando a quantidade de caracteres
exceder 5, então no parágrafo exiba
o valor excedente em número de caracteres.