Peristiwa change dalam JavaScript

Dalam pelajaran ini, kita akan membahas peristiwa change, yang terjadi pada medan input apabila terdapat perubahan. Apa maksudnya? Katakanlah, sebagai contoh, anda mempunyai satu input dan terdapat sesuatu teks di dalamnya. Jika anda menukar teks tersebut, maka dalam keadaan ini, peristiwa ini akan terpicu.

Mari kita lihat contoh. Katakan kita mempunyai satu input:

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

Mari kita paparkan nilai barunya dalam konsol apabila ia berubah:

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

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

Diberikan satu input dan satu perenggan. Apabila input berubah, paparkan teksnya dalam perenggan.

Diberikan satu kotak semak. Apabila kotak semak berubah, paparkan keadaannya yang baru pada skrin.

Terangkan, apakah perbezaan antara peristiwa blur dan change.

Diberikan satu input. Apabila ia berubah, periksa sama ada bilangan aksara di dalamnya kurang daripada 5 atau tidak. Jika kurang - warnakan sempadan input dengan warna hijau, dan jika lebih - dengan warna merah.