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

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

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

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

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

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

elem.addEventListener('change', function() {
  console.log(this.value);
});
Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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