Evenimentul change în JavaScript

În această lecție vom analiza evenimentul change, care apare în câmpurile de introducere la modificarea acestora. Ce înseamnă acest lucru? Să presupunem, de exemplu, că aveți un câmp de introducere și în el există un anumit text. Dacă modificați acest text, atunci în acest caz va apărea acest eveniment.

Să ne uităm la un exemplu. Să presupunem că avem un câmp de introducere:

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

La modificarea lui, să afișăm în consolă valoarea sa nouă:

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

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

Este dat un câmp de introducere și un paragraf. La modificarea câmpului, afișați textul său în paragraf.

Este dat un checkbox. La modificarea checkbox-ului, afișați pe ecran starea sa nouă.

Explicați care este diferența dintre evenimentele blur și change.

Este dat un câmp de introducere. La modificarea lui, verificați dacă numărul de simboluri din el este mai mic de 5 sau nu. Dacă este mai mic - colorați bordura câmpului în culoare verde, iar dacă este mai mare - în roșu.