Udalosť change v JavaScripte
V tejto lekcii si spolu rozoberieme udalosť
change, ktorá vzniká vo vstupných poliach
pri ich zmene. Čo to znamená? Povedzme napríklad,
že máte input a v ňom je nejaký text. Ak tento text
zmeníte, práve vtedy táto udalosť nastane.
Pozrime sa na príklad. Majme input:
<input id="elem" value="text">
Po jeho zmene vypíšme do konzoly jeho novú hodnotu:
let elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Daný je input a odsek. Po zmene inputu vypíšte jeho text do odseku.
Daný je checkbox. Po zmene checkboxu zobrazte na obrazovke jeho nový stav.
Vysvetlite, v čom je rozdiel medzi udalosťami blur a change.
Daný je input. Po jeho zmene skontrolujte, či je počet
znakov v ňom menší ako 5 alebo nie.
Ak je menší - zafarbite rám inputu na
zelenú farbu, a ak je väčší - na červenú.
