Vantaggio della stilizzazione con classi CSS in JavaScript
L'utilizzo delle classi invece di modificare direttamente gli stili ha un ulteriore vantaggio. Con un semplice movimento della mano si può fare in modo che gli stili degli elementi si alternino.
Ad esempio, si può fare in modo che al primo click
su un paragrafo questo venga colorato con un colore specifico,
e al secondo click - ritorni al colore originale. Per fare questo
bisogna semplicemente cambiare il metodo add con il metodo toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifica il compito precedente in modo che una seconda pressione sul pulsante annulli l'azione di quel pulsante.
