CSS-luokkien käytön etu JavaScriptissä
Luokkien käytöllä suoraan tyylien muuttamisen sijaan on toinenkin etu. Yhdellä käsillä liikkeellä voidaan saada aikaan, että elementtien tyylit vuorottelevat.
Esimerkiksi voidaan tehdä niin, että ensimmäisellä
klikkauksella kappale värjäytyy tiettyyn väriin,
ja toisella klikkauksella se palauttaa
alkuperäisen värinsä. Tätä varten tarvitsee vain
vaihtaa metodi add metodiksi toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Muokkaa edellistä tehtävää siten, että toinen painallus painikkeella peruuttaa kyseisen painikkeen toiminnon.
