Ngjarja change në JavaScript

Në këtë mësim ju dhe unë do të analizojmë ngjarjen change, e cila ndodh në fushat e inputit kur ato ndryshojnë. Çfarë do të thotë kjo? Le të themi, për shembull, ju keni një input dhe në të ka ndonjë tekst. Nëse ju e ndryshoni këtë tekst, atëherë në këtë rast do të ndodhë kjo ngjarje.

Le ta shohim me një shembull. Le të themi se kemi një input:

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

Le ta shfaqim në konsol vlerën e tij të re kur ndryshon:

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

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

Jepet një input dhe një paragraf. Kur inputi ndryshon, shfaqni tekstin e tij në paragraf.

Jepet një checkbox. Kur checkbox ndryshon, shfaqni në ekran gjendjen e re të tij.

Shpjegoni, cili është ndryshimi midis ngjarjeve blur dhe change.

Jepet një input. Kur ai ndryshon, kontrolloni nëse numri i karaktereve në të është më pak se 5 apo jo. Nëse është më pak - ngjyrosni kufirin e inputit në ngjyrë të gjelbër, dhe nëse është më shumë - në të kuqe.