Peristiwa input dalam JavaScript

Peristiwa berikutnya yang akan kita pelajari, disebut input. Peristiwa ini terjadi setiap kali karakter baru dimasukkan ke dalam input atau textarea. Mari kita lihat contohnya. Misalkan kita memiliki input:

<input id="elem">

Mari kita tampilkan di konsol konten saat ini dari input setiap kali tombol pada keyboard ditekan:

let elem = document.querySelector('#elem');

elem.addEventListener('input', function() {
	console.log(this.value);
});

Diberikan sebuah input. Misalkan teks dimasukkan ke dalamnya. Segera setelah panjang teks mencapai 5, tampilkan pesan tentang hal itu di layar.

Diberikan sebuah input. Misalkan hanya diperbolehkan memasukkan 5 karakter. Diberikan juga sebuah paragraf. Seiring dengan dimasukkannya karakter ke dalam input, tulis berapa banyak karakter lagi yang dapat dimasukkan. Ketika jumlah karakter melebihi 5, maka pada paragraf tampilkan berapa banyak kelebihan panjang teks.