JavaScript-тегі change оқиғасы

Бұл сабақта біз сізбен енгізу өрістерінде олар өзгерген кезде туындайтын change оқиғасын талдаймыз. Бұл нені білдіреді? Мысалы, сізде инпут бар және оның ішінде қандай да бір мәтін бар делік. Егер сіз бұл мәтінді өзгертсеңіз, онда дәл осы кезде бұл оқиға туындайды.

Мысалға қарайық. Бізде инпут бар болсын:

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

Оның өзгеруі бойынша оның жаңа мәнін консольге шығарайық:

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

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

Инпут және абзац берілген. Инпут өзгерген кезде оның мәтінін абзацқа шығарыңыз.

Чекбокс берілген. Чекбокс өзгерген кезде оның жаңа күйін экранға шығарыңыз.

blur және change оқиғалары арасындағы айырмашылықты түсіндіріңіз.

Инпут берілген. Оның өзгеруі бойынша, ондағы таңбалар саны 5-тен аз немесе жоқ екенін тексеріңіз. Егер аз болса - инпуттың шекарасын жасыл түске бояңыз, ал егер көп болса - қызыл түске.