Input-gebeurtenis in JavaScript
De volgende gebeurtenis die we zullen bestuderen,
heet input. Deze vindt plaats elke
keer dat een nieuw symbool wordt ingevoerd in een invoerveld of
textarea. Laten we een voorbeeld bekijken. Stel
we hebben een invoerveld:
<input id="elem">
Laten we bij elke toetsaanslag op het toetsenbord de huidige inhoud van het invoerveld in de console uitvoeren:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Gegeven een invoerveld. Er wordt tekst in ingevoerd. Zodra
de lengte van de tekst 5 bereikt,
geef een bericht hierover op het scherm weer.
Gegeven een invoerveld. Het is toegestaan om er
5 symbolen in in te voeren. Ook een paragraaf is gegeven. Terwijl
er symbolen in het invoerveld worden ingevoerd, schrijf hoeveel
symbolen er nog kunnen worden ingevoerd. Wanneer het aantal symbolen
5 overschrijdt, geef dan in de paragraaf
weer met hoeveel symbolen de tekstlengte is overschreden.
