A change esemény a JavaScriptben

Ebben a leckében együtt megvizsgáljuk a change eseményt, amely a beviteli mezőkben keletkezik változásukkor. Mit is jelent ez? Tegyük fel, hogy van egy beviteli mező, és abban van valamilyen szöveg. Ha megváltoztatod ezt a szöveget, akkor ebben az esetben fog bekövetkezni ez az esemény.

Nézzünk egy példát. Legyen egy beviteli mezőnk:

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

Változásakor írjuk ki a konzolra az új értékét:

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

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

Adott egy beviteli mező és egy bekezdés. A beviteli mező változásakor írja ki a szövegét a bekezdésbe.

Adott egy jelölőnégyzet. A jelölőnégyzet változásakor jelenítse meg a képernyőn az új állapotát.

Mesélje el, mi a különbség a blur és a change események között.

Adott egy beviteli mező. Változásakor ellenőrizze, hogy a benne lévő karakterek száma kevesebb-e 5-nél vagy sem. Ha kevesebb - színezze zöldre a beviteli mező szegélyét, ha több - pirosra.