Udalosť input v JavaScripte

Ďalšia udalosť, ktorú budeme študovať, sa nazýva input. Vznikne zakaždým pri vpísaní nového znaku do vstupného poľa alebo textarea. Pozrime sa na príklad. Nech máme vstupné pole:

html<input id="elem">

Pri každom stlačení klávesu na klávesnici vypíšme do konzoly aktuálny obsah vstupného poľa:

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

elem.addEventListener('input', function() {
  console.log(this.value);
});
Задание 1

Dané vstupné pole. Nech sa do neho vpisuje text. Akonáhle dĺžka textu dosiahne 5, vypíšte na obrazovku správu o tom.

Задание 2

Dané vstupné pole. Nech je doň povolené vpísať 5 znakov. Daný aj odsek. Počas vpisovania znakov do vstupného poľa píšte, koľko ešte znakov je možné vpísať. Keď počet znakov prekročí 5, tak do odseku vypíšte o koľko znakov bola prekročená dĺžka textu.