Događaj input u JavaScriptu

Sledeći događaj koji ćemo izučiti, zove se input. On se pokreće svaki put kada se unese novi simbol u polje za unos ili textarea. Pogledajmo na primeru. Neka imamo polje za unos:

html<input id="elem">

Hajde da pri svakom pritisku tastera na tastaturi ispisujemo u konzoli trenutni sadržaj polja za unos:

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

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

Задание 1

Data su polja za unos. Neka se u njih unosi tekst. Čim dužina teksta dostigne 5, prikažite na ekranu poruku o tome.

Задание 2

Data su polja za unos. Neka je u njih dozvoljeno uneti 5 simbola. Dat je i pasus. Tokom unosa simbola u polje za unos pišite, koliko još simbola se može uneti. Kada broj simbola premaši 5, onda u pasus ispišite za koliko je simbola premašena dužina teksta.