Vantagem da estilização com classes CSS em JavaScript
Usar classes em vez de modificar estilos diretamente tem mais uma vantagem. Com um simples movimento, você pode fazer com que os estilos dos elementos se alternem.
Por exemplo, você pode fazer com que no primeiro
clique em um parágrafo ele seja colorido com uma cor
específica, e no segundo clique - volte
à sua cor original. Para isso, basta
trocar o método add pelo método toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifique a tarefa anterior para que um segundo clique no botão desfaça a ação desse botão.
