Evento input en JavaScript
El siguiente evento que estudiaremos
se llama input. Ocurre cada
vez que se introduce un nuevo carácter en un input o
textarea. Veamos un ejemplo. Supongamos
que tenemos un input:
html<input id="elem">
Cada vez que se presione una tecla mostremos en la consola el contenido actual del input:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Dado un input. Supongamos que se introduce texto en él. Tan
pronto como la longitud del texto alcance 5,
muestre en pantalla un mensaje sobre ello.
Dado un input. Supongamos que en él está permitido introducir
5 caracteres. Dado también un párrafo. A medida que
se introducen caracteres en el input, escriba cuántos
caracteres más se pueden introducir. Cuando la cantidad de caracteres
supere los 5, entonces en el párrafo muestre
en cuántos caracteres se ha excedido la longitud del texto.