Sündmus change JavaScriptis
Selles õppetükis analüüsime teiega sündmust
change, mis tekib sisendväljadel
nende muutumisel. Mida see tähendab? Oletame,
et teil on näiteks sisendväli ja selles on
mingi tekst. Kui te muudate seda teksti,
siis sel juhul tekibki see sündmus.
Vaatame näidet. Olgu meil sisendväli:
<input id="elem" value="text">
Väljame selle muutumisel konsooli selle uue väärtuse:
let elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Antud on sisendväli ja lõik. Sisendvälja muutumisel väljastage selle tekst lõigu sisse.
Antud on märkeruut. Märkeruudu muutumisel väljastage ekraanile selle uus olek.
Kirjeldage, mis vahe on sündmustel blur ja change.
Antud on sisendväli. Selle muutumisel kontrollige, kas
sümbolite arv selles on väiksem kui 5 või mitte.
Kui on väiksem - värvige sisendvälja piir roheliseks,
aga kui on suurem - punaseks.
