Como Remover Uma Classe HTML Com Javascript Puro

Continuando a nossa série de “coisas que podemos fazer com Javascript puro”, no último post, conversamos sobre como podemos adicioanr uma classe em um elemento HTML com Javascript puro.
Hoje vou mostrar como podemos fazer o processo reverso, remover uma classe com Javascript puro, sem nenhuma lib!

Para remover uma classe com o famoso JQuery, você faria algo semelhante com:

$("#elemento").removeClass("red");

Agora, removendo uma classe, na versão Javascript puro:

const elemento = document.getElementById("elemento");

elemento.classList.remove("red");

O Javascript tem evoluído constantemente e sempre nos trazendo facilidades, fazendo com que, muitas das vezes, não precisemos utilizar bibliotecas que apenas sobrecarregariam o nosso sistema, permitindo que façamos tudo nativamente com o Javascript.
A remoção de classe com Javascript puro é um exemplo disso!