Dogodek change v JavaScript

V tej lekciji bomo z vami razpravljali o dogodku change, ki se pojavi v vnosnih poljih ob njihovih spremembah. Kaj to pomeni? Recimo, na primer, da imate vnosno polje in v njem je nek besedilo. Če to besedilo spremenite, bo v tem primeru nastal ta dogodek.

Poglejmo si na primeru. Imejmo vnosno polje:

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

Ob njegovi spremembi izpišimo v konzolo njegovo novo vrednost:

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

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

Podano je vnosno polje in odstavek. Ob spremembi vnosnega polja izpišite njegovo besedilo v odstavek.

Podan je potrditveni polje. Ob spremembi potrditvenega polja izpišite na zaslon njegovo novo stanje.

Povejte, v čem je razlika med dogodkoma blur in change.

Podano je vnosno polje. Ob njegovi spremembi preverite, ali je število znakov v njem manjše od 5 ali ne. Če je manj - obrobje vnosnega polja pobarvajte v zeleno barvo, če je več - v rdečo.