Įvykis change JavaScript'e

Šioje pamokoje mes su jumis išnagrinėsime change įvykį, atsirandantį įvesties laukuose pasikeitus jų reikšmei. Ką tai reiškia? Tarkime, pavyzdžiui, kad turite įvesties lauką, kuriame yra koks nors tekstas. Jei pakeisite šį tekstą, tada šiuo atveju ir įvyks šis įvykis.

Pažiūrėkime pavyzdžiu. Tarkime, kad turime įvesties lauką:

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

Kai jo reikšmė pasikeis, išveskime į konsolę jo naująją reikšmę:

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

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

Duotas įvesties laukas ir pastraipa. Pasikeitus įvesties lauko reikšmei, išveskite jo tekstą į pastraipą.

Duotas varnelės laukelis. Pasikeitus varnelės būsenai, išveskite ekrane jos naująją būseną.

Paaiškinkite, kuo skiriasi blur ir change įvykiai.

Duotas įvesties laukas. Pasikeitus jo reikšmei, patikrinkite, ar simbolių skaičius jame yra mažesnis nei 5, ar ne. Jei mažesnis - nuspalvinkite įvesties lauko rėmelį žalia spalva, o jei didesnis - raudona.