Fordelen med styling med CSS-klasser i JavaScript
Bruk av klasser i stedet for å endre stiler direkte har en annen fordel. Med en enkel bevegelse kan du gjøre slik at stilene på elementene veksler.
For eksempel kan du gjøre slik at ved første
klikk på et avsnitt får den en bestemt
farge, og ved gjentatt klikk - returnerer
til sin opprinnelige farge. For å gjøre dette trenger du bare
å bytte ut metoden add med metoden toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifiser den forrige oppgaven slik at gjentatt trykk på knappen angrer handlingen til denne knappen.