Uma maneira que achei mais facil para alterar os botões entre habilitados e desabilitados foi dessa maneira. Criando duas funções uma para cada botão.
Existe outro codigo mais resumido para chegar no mesmo resultado ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Uma maneira que achei mais facil para alterar os botões entre habilitados e desabilitados foi dessa maneira. Criando duas funções uma para cada botão.
Existe outro codigo mais resumido para chegar no mesmo resultado ?
Olá, Matheus! Como vai?
Para deixar o código mais resumido, você pode criar uma função genérica para alterar o status de qualquer botão, passando o id do botão e a classe que deseja adicionar ou remover. Assim, você evita duplicar código para cada botão. Veja um exemplo:
function alterarStatusBotao(idBotao, classeAdicionar, classeRemover) {
let botao = document.getElementById(idBotao);
if (botao.classList.contains(classeRemover)) {
botao.classList.remove(classeRemover);
botao.classList.add(classeAdicionar);
} else {
botao.classList.remove(classeAdicionar);
botao.classList.add(classeRemover);
}
}
Com essa função, você pode chamar para qualquer botão, assim:
alterarStatusBotao('btn-reiniciar', 'container__botao', 'container__botao-desabilitado');
alterarStatusBotao('btn-sortear', 'container__botao-desabilitado', 'container__botao');
Dessa forma, o código fica mais organizado e fácil de manter. Espero ter ajudado e bons estudos!
Ah muito obrigado, vou testar