Input-hendelse i JavaScript

Den neste hendelsen vi skal studere, heter input. Den oppstår hver gang et nytt symbol skrives inn i et input-felt eller textarea. La oss se på et eksempel. Anta at vi har et input-felt:

html<input id="elem">

La oss for hvert tastetrykk skrive ut det nåværende innholdet i input-feltet til konsollen:

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

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

Задание 1

Det er gitt et input-felt. La tekst skrives inn i det. Så snart tekstlengden når 5, skriv ut en melding om dette på skjermen.

Задание 2

Det er gitt et input-felt. La det være tillatt å skrive inn 5 symboler i det. Det er også gitt et avsnitt. Etter hvert som symboler skrives inn i input-feltet, skriv hvor mange flere symboler som kan skrives inn. Når antall symboler overstiger 5, så i avsnittet skal du skrive ut hvor mange symboler lengden på teksten er overskredet med.