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

ამ გაკვეთილში თქვენთან ერთად გავაანალიზებთ მოვლენას 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-ზე თუ არა. თუ ნაკლებია - გაფერადეთ ინპუტის საზღვარი მწვანე ფერში, ხოლო თუ მეტია - წითელში.