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:
html<input id="elem" value="text">
Gəlin onun dəyişməsi zamanı konsola onun yeni dəyərini çıxaraq:
javascriptlet 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.