Peristiwa change dalam JavaScript

Dalam pelajaran ini, kita akan membahas peristiwa change, yang terjadi pada bidang input saat terjadi perubahan. Apa artinya? Misalnya, Anda memiliki sebuah input dan di dalamnya terdapat sebuah teks. Jika Anda mengubah teks ini, maka dalam hal inilah peristiwa ini akan terjadi.

Mari kita lihat sebuah contoh. Misalkan kita memiliki sebuah input:

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

Mari kita tampilkan nilai barunya di konsol saat input berubah:

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

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

Diberikan sebuah input dan sebuah paragraf. Saat input berubah, tampilkan teksnya ke dalam paragraf.

Diberikan sebuah checkbox. Saat checkbox berubah, tampilkan status barunya di layar.

Jelaskan, apa perbedaan antara peristiwa blur dan change.

Diberikan sebuah input. Saat input berubah, periksa apakah jumlah karakter di dalamnya kurang dari 5 atau tidak. Jika kurang - warnai border input dengan warna hijau, dan jika lebih - warnai dengan merah.