Į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ą:

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

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

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

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

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

Задание 2

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

Задание 3

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

Задание 4

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.