Zdarzenie change w JavaScript
W tej lekcji razem z wami przeanalizujemy zdarzenie
change, powstające w polach wprowadzania
przy ich zmianach. Co to znaczy? Załóżmy,
na przykład, że masz input i znajduje się w nim
jakiś tekst. Jeśli zmienisz ten tekst,
w tym przypadku powstanie to zdarzenie.
Spójrzmy na przykład. Załóżmy, że mamy input:
html<input id="elem" value="text">
Przy jego zmianie wypiszmy w konsoli jego nową wartość:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Dany jest input i akapit. Przy zmianie inputa wypisz jego tekst w akapicie.
Dany jest checkbox. Przy zmianie checkboxa wypisz na ekranie jego nowy stan.
Opowiedz, na czym polega różnica między zdarzeniami blur i change.
Dany jest input. Przy jego zmianie sprawdź, czy ilość
znaków w nim jest mniejsza od 5-ciu czy nie.
Jeśli mniej - pomaluj obramowanie inputa na
zielony kolor, a jeśli więcej - na czerwony.