JavaScript-də change hadisəsi

Bu dərsdə sizlə input sahələrində dəyişiklik olduqda baş verən change hadisəsini araşdıracaqsınız. Bu nə deməkdir? Tutaq ki, sizin bir inputunuz var və onda müəyyən bir mətn var. Əgər siz bu mətni dəyişsəniz, onda bu hadisə baş verəcək.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizim bir inputumuz var:

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

Gəlin onun dəyişməsi zamanı konsola onun yeni dəyərini çıxaraq:

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

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

Bir input və bir abzas verilib. Input dəyişdikdə onun mətnini abzada çap edin.

Bir çekboks verilib. Çekboks dəyişdikdə ekrana onun yeni vəziyyətini çıxarın.

Blur və change hadisələri arasındakı fərqi izah edin.

Bir input verilib. Onun dəyişməsi zamanı yoxlayın, ondakı simvolların sayı 5-dən azdır ya yox. Əgər azdırsa - inputun sərhədini yaşıl rəngə, əks halda isə qırmızı rəngə boyayın.