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ä:
<input id="elem">
Tehdään niin, että jokaisella näppäimen painalluksella tulostetaan konsoliin input-kentän nykyinen sisältö:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Annettu input-kenttä. Tekstiä syötetään siihen. Heti kun
tekstin pituus saavuttaa 5, näytä ruudulla
viesti siitä.
Annettu input-kenttä. Siihen saa syöttää
5 merkkiä. Annettu myös kappale. Merkkien
syöttämisen mukana kirjoita, kuinka monta merkkiä
vielä voidaan syöttää. Kun merkkien määrä ylittää
5, tulosta kappaleeseen se, kuinka paljon
tekstin pituutta on ylitetty.
