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:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    this.classList.toggle('colored');
  });
}