Avantage de la stylisation avec des classes CSS en JavaScript
L'utilisation de classes au lieu de modifier les styles directement présente un autre avantage. D'un simple geste, on peut faire en sorte que les styles des éléments alternent.
Par exemple, on peut faire en sorte qu'au premier
clic sur un paragraphe, il se colore d'une certaine
couleur, et qu'à un deuxième clic, il retrouve
sa couleur d'origine. Pour cela, il suffit
de remplacer la méthode add par la méthode toggle :
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifiez la tâche précédente pour que un deuxième clic sur le bouton annule l'action de ce bouton.
