Una classe per la stilizzazione in JavaScript
Supponiamo di avere due classi che assegniamo a un elemento in base al suo stato:
div.active {
color: red;
}
div.passive {
color: black;
}
In realtà, la presenza di due classi qui
potrebbe essere di intralcio. In questo caso possiamo
riscrivere gli stili nel modo seguente
tramite il selettore :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
In questo modo possiamo alternare in modo conveniente la nostra classe, rendendo l'elemento attivo o inattivo:
elem.classList.toggle('active');
Sono dati dei paragrafi. Fate in modo che ogni paragrafo al primo click su di esso diventi rosso, e al secondo click ritorni nero.
