Događaj change u JavaScriptu

U ovoj lekciji ćemo sa vama razmotriti događaj change, koji se javlja u poljima za unos kada se ona promene. Šta to znači? Recimo, na primer, da imate input i u njemu ima neki tekst. Ako promenite taj tekst, tada će se u tom slučaju javiti ovaj događaj.

Hajde da pogledamo na primeru. Neka imamo input:

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

Hajde da pri njegovoj promeni ispišemo u konzolu novu vrednost:

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

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

Dat je input i pasus. Pri promeni inputa prikažite njegov tekst u pasusu.

Dat je checkbox. Pri promeni checkboxa prikažite na ekranu njegovo novo stanje.

Objasnite, koja je razlika između događaja blur i change.

Dat je input. Pri njegovoj promeni proverite, da li je broj simbola u njemu manji od 5 ili ne. Ako je manje - obojite ivicu inputa u zeleno, a ako je veće - u crveno.