function changeBotaoReiniciar(){
var botao = document.getElementById('btn-reiniciar');
if (botao.classList.contains('container__botao-desabilitado')) {
botao.classList.remove('container__botao-desabilitado');
botao.classList.add('container__botao');
} else {
botao.classList.remove('container__botao');
botao.classList.add('container__botao-desabilitado');
}
Oi, Gabriel! Como vai?
Gostei da forma como você utilizou a manipulação de classes para alterar o status do botão, tornando-o habilitado ou desabilitado dinamicamente. Isso é muito útil para controlar interações no front-end sem precisar recarregar a página.
Uma dica interessante para o futuro é usar o método classList.toggle, que simplifica esse tipo de alternância. Veja este exemplo:
let botao = document.getElementById('btn-reiniciar');
botao.classList.toggle('container__botao-desabilitado');
botao.classList.toggle('container__botao');
Esse código troca as classes automaticamente, sem precisar do if e else. O método toggle adiciona a classe se ela não existir ou remove se já existir, deixando o código mais enxuto.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!