Peristiwa input dalam JavaScript
Peristiwa seterusnya yang akan kita pelajari,
dipanggil input. Ia berlaku setiap
kali simbol baru dimasukkan ke dalam input atau
textarea. Mari lihat contoh. Katakan
kita mempunyai input:
<input id="elem">
Mari untuk setiap kali kekunci ditekan pada papan kekunci, kita akan mencetak kandungan semasa input ke konsol:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Diberi input. Katakan teks dimasukkan ke dalamnya. Sebaik
saja panjang teks mencapai 5,
paparkan mesej tentang perkara ini.
Diberi input. Katakan dibenarkan untuk memasukkan
5 aksara. Juga diberikan perenggan. Semasa
aksara dimasukkan ke dalam input, tulis, berapa banyak lagi
aksara yang boleh dimasukkan. Apabila bilangan aksara
melebihi 5, maka dalam perenggan output
berapa banyak panjang teks telah dilebihi.