Воқеаи change дар JavaScript

Дар ин дарс шумо бо ман воқеаи change-ро, ки дар майдонҳои воридотӣ ҳангоми тағйиротҳо ба амал меояд, таҳлил мекунем. Ин чӣ маъно дорад? Фарз кунед, ки шумо инпуте доред ва дар он матне ҳаст. Агар шумо ин матнро тағйир диҳед, пас дар ин ҳолат ин воқеа ба амал меояд.

Биёед бо мисол бубинем. Фарз мекунем, ки мо инпут дорем:

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

Биёед ҳангоми тағйир ёфтани он, арзиши нави онро ба консолиро чоп кунем:

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

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

Инпут ва абзасе дода шудааст. Ҳангоми тағйир ёфтани инпут, матни онро ба абзас чоп кунед.

Чекбоксе дода шудааст. Ҳангоми тағйир ёфтани чекбокс, ҳолати нави онро ба экран чоп кунед.

Тафовут байни воқеаҳои blur ва change-ро шарҳ диҳед.

Инпуте дода шудааст. Ҳангоми тағйир ёфтани он, санҷед, ки миқдори аломатҳо дар он аз 5 камтар аст ё не. Агар камтар бошад - сарҳади инпутро ба ранг сабз, ва агар зиёдтар бошад - ба ранг сурх ранг кунед.