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-ից, թե ոչ։ Եթե փոքր է՝ ներկեք ինպուտի եզրագիծը կանաչ գույնով, իսկ եթե ավելի մեծ է՝ կարմիր գույնով։