Privalumas stilizuoti naudojant CSS klases JavaScript
Klasių naudojimas vietoje tiesioginio stilių keitimo turi dar vieną privalumą. Lengvu rankos judesiu galima pasiekti, kad elementų stiliai keistųsi pakaitomis.
Pavyzdžiui, galima padaryti taip, kad pirmu paspaudimu
ant pastraipos ji nusidažytų tam tikra
spalva, o paspaudus antrą kartą - grąžintų
savo pradinę spalvą. Tam reikia tiesiog
metodą add pakeisti į metodą toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifikuokite ankstesnę užduotį taip, kad antras paspaudimas ant mygtuko atšauktų veiksmą šio mygtuko.
