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:
<input id="elem">
La oss for hvert tastetrykk skrive ut det nåværende innholdet i input-feltet til konsollen:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
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.
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.