JavaScript'te change Olayı
Bu derste sizlerle, girdi alanlarında
değişiklik yapıldığında tetiklenen
change olayını inceleyeceğiz.
Bu ne anlama geliyor? Örneğin, bir
inputunuz var ve içinde bir metin yazıyor.
Bu metni değiştirirseniz, işte bu durumda
bu olay tetiklenecektir.
Bir örnek üzerinden inceleyelim. Bir inputumuz olsun:
html<input id="elem" value="text">
Şimdi bu input değiştiğinde, yeni değerini konsola yazdıralım:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Bir input ve bir paragraf verilmiştir. Input değiştiğinde, içindeki metni paragrafa yazdırın.
Bir onay kutusu (checkbox) verilmiştir. Onay kutusu değiştiğinde, yeni durumunu ekrana yazdırın.
blur ve change olayları arasındaki farkı açıklayın.
Bir input verilmiştir. Değiştiğinde, içindeki karakter
sayısının 5'ten az olup olmadığını kontrol edin.
Eğer azsa inputun kenarlığını yeşil yapın, değilse kırmızı yapın.