Eu estou quase lá, apenas um pouco inseguro quanto à minha configuração de código, eu basicamente quero remover uma classe ao clicar e adicioná-la novamente onclick, então remover onclick, depois adicionar onclick. E assim por diante! Aqui está o que eu tenho, é quase lá, mas se há uma maneira mais agradável de fazer isso, por favor, ajude! Obrigado.

document.getElementById('myButton').onclick = function() {
    myButton.className = myButton.className.replace(/(?:^|\s)active(?!\S)/g, '') ? 'active': jbar.className.replace(/(?:^|\s)active(?!\S)/g, '') ;
}

Qualquer ajuda muito apreciada!