JavaScript'теги change окуясы

Бул сабакта биз сиз менен бирге change окуясын, ал киргизүү талааларында алар өзгөргөндө пайда болот, карап чыгабыз. Бул эмнени билдирет? Мисалы, сизде инпут бар жана анын ичинде бир текст бар дейли. Эгер сиз ошол текстти өзгөртсөңүз, анда ушул учурда ушул окуя пайда болот.

Келгиле, мисал аркылуу карап көрөлү. Бизде инпут бар дейли:

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

Анын өзгөрүшү боюнча анын жаңы маанисин консольго чыгаралы:

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

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

Инпут жана абзац берилген. Инпут өзгөргөндө анын текстин абзацка чыгарыңыз.

Чекбокс берилген. Чекбокс өзгөргөндө экранга анын жаңы абалын чыгарыңыз.

blur жана change окуяларынын ортосундагы айырмачылык жөнүндө сүйлөп бериңиз.

Инпут берилген. Анын өзгөрүшү боюнча, анын ичиндеги белгилердин саны 5-тен азбы же жокпу текшериңиз. Эгер аз болсо - инпуттун чектесинин түсүн жашылга боёңуз, ал эми көп болсо - кызылга боёңуз.