Input-tapahtuma JavaScriptissä

Seuraava tapahtuma, jota opimme, on nimeltään input. Se tapahtuu aina kun uusi merkki syötetään input-kenttään tai textarea:aan. Katsotaan esimerkkiä. Oletetaan, että meillä on input-kenttä:

html<input id="elem">

Tehdään niin, että jokaisella näppäimen painalluksella tulostetaan konsoliin input-kentän nykyinen sisältö:

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

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