JavaScript'te input Olayı
İnceleyeceğimiz bir sonraki olay,
input olarak adlandırılır. Bu olay, bir input veya
textarea'ya her yeni karakter girildiğinde
meydana gelir. Bir örnekle görelim. Bir inputumuz olsun:
<input id="elem">
Klavyede her tuşa basıldığında, inputun mevcut içeriğini konsola yazdıralım:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Bir input verilmiştir. İçine metin girilsin. Metnin uzunluğu
5'e ulaştığında, ekrana bununla ilgili bir mesaj yazın.
Bir input verilmiştir. İçine sadece 5 karakter girilmesine izin verilsin. Ayrıca bir paragraf da verilmiştir. Inputa karakterler girildikçe, kaç karakter daha girilebileceğini yazın. Karakter sayısı
5'i aştığında, paragrafa metin uzunluğunun ne kadar aşıldığını yazın.