Događaj change u JavaScriptu
U ovoj lekciji ćemo sa vama razmotriti događaj
change, koji se javlja u poljima za unos
kada se ona promene. Šta to znači? Recimo,
na primer, da imate input i u njemu ima
neki tekst. Ako promenite taj tekst,
tada će se u tom slučaju javiti ovaj događaj.
Hajde da pogledamo na primeru. Neka imamo input:
html<input id="elem" value="text">
Hajde da pri njegovoj promeni ispišemo u konzolu novu vrednost:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Dat je input i pasus. Pri promeni inputa prikažite njegov tekst u pasusu.
Dat je checkbox. Pri promeni checkboxa prikažite na ekranu njegovo novo stanje.
Objasnite, koja je razlika između događaja blur i change.
Dat je input. Pri njegovoj promeni proverite, da li je broj
simbola u njemu manji od 5 ili ne.
Ako je manje - obojite ivicu inputa u
zeleno, a ako je veće - u crveno.