Input-gebeurtenis in JavaScript
Die volgende gebeurtenis wat ons sal bestudeer,
word genoem input. Dit vind plaas elke
keer wanneer 'n nuwe simbool in 'n invoerveld of
textarea ingevoer word. Kom ons kyk na 'n voorbeeld. Gestel
ons het 'n invoerveld:
<input id="elem">
Laat ons elke keer wanneer 'n sleutel op die sleutelbord gedruk word, die huidige inhoud van die invoerveld in die konsole uitvoer:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Gegee 'n invoerveld. Laat teks daarin ingevoer word. Sodra
die tekslengte 5-ty bereik,
vertoon 'n boodskap daaroor op die skerm.
Gegee 'n invoerveld. Laat dit toegelaat wees om
5 simbole in te voer. Ook gegee 'n paragraaf. Soos
simbols in die invoerveld ingevoer word, skryf hoeveel
simbols nog ingevoer kan word. Wanneer die aantal simbole
5-ty oorskry, vertoon dan in die paragraaf
met hoeveel simbole die tekslengte oorskry is.
