Fordel ved styling med CSS-klasser i JavaScript
Brug af klasser i stedet for at ændre stile direkte har en yderligere fordel. Med en simpel bevægelse kan man gøre det sådan, at elementers stile skifter alternerende.
For eksempel kan man gøre det sådan, at ved første
klik på et afsnit farves det i en bestemt
farve, og ved et gentaget klik - returnerer
det sin oprindelige farve. For at gøre dette skal du bare
erstatte metoden add med metoden toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modificer den forrige opgave, således at et gentaget tryk på knappen annullerer handlingen for denne knap.
