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:

html<input id="elem" value="text">

Väljame selle muutumisel konsooli selle uue väärtuse:

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

elem.addEventListener('change', function() {
  console.log(this.value);
});
Задание 1

Antud on sisendväli ja lõik. Sisendvälja muutumisel väljastage selle tekst lõigu sisse.

Задание 2

Antud on märkeruut. Märkeruudu muutumisel väljastage ekraanile selle uus olek.

Задание 3

Kirjeldage, mis vahe on sündmustel blur ja change.

Задание 4

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.