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 ?
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