მოვლენა change JavaScript-ში

ამ გაკვეთილში თქვენთან ერთად გავაანალიზებთ მოვლენას change, რომელიც ჩნდება შეყვანის ველებში მათი ცვლილების დროს. რას ნიშნავს ეს? მაგალითად, დაე, თქვენ გაქვთ ინპუტი და მასში არის რაიმე ტექსტი. თუ თქვენ შეცვლით ამ ტექსტს, აქვე დაიგენერირება ეს მოვლენა.

მოდით შევხედოთ მაგალითს. დაე, ჩვენ გვყავს ინპუტი:

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

მოდით მისი ცვლილების დროს გამოვიტანოთ კონსოლში მისი ახალი მნიშვნელობა:

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

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

მოცემულია ინპუტი და აბზაცი. ინპუტის ცვლილების დროს გამოიტანეთ მისი ტექსტი აბზაცში.

მოცემულია ჩექბოქსი. ჩექბოქსის ცვლილების დროს გამოიტანეთ ეკრანზე მისი ახალი მდგომარეობა.

აღწერეთ, რა განსხვავებაა მოვლენებს შორის blur და change.

მოცემულია ინპუტი. მისი ცვლილების დროს შეამოწმეთ, სიმბოლოთა რაოდენობა მასში ნაკლებია 5-ზე თუ არა. თუ ნაკლებია - გაფერადეთ ინპუტის საზღვარი მწვანე ფერში, ხოლო თუ მეტია - წითელში.