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:

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

Şimdi bu input değiştiğinde, yeni değerini konsola yazdıralım:

let 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.