A CSS osztályokkal történő stílusozás előnye JavaScriptben
A osztályok használatának a stílusok közvetlen módosítása helyett van egy másik előnye is. Egy kéz mozdulattal elérhetjük, hogy az elemek stílusai váltakozzanak.
Például megtehetjük, hogy az első kattintáskor a bekezdés egy bizonyos színűre változik, majd egy következő kattintáskor visszakapja eredeti színét. Ehhez csupán a add metódust kell a toggle metódusra cserélni:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Módosítsa az előző feladatot úgy, hogy egy gomb ismételt megnyomása visszavonja az adott gomb hatását.
