Olá, Franciele. Tudo bem?
Obrigado por compartilhar seu código aqui com a gente.
Gostei de como você implementou a lógica para alternar as classes do botão com o método classList
, deixando o código mais organizado e fácil de entender. Também achei interessante o uso da função alterarStatusBotao
para reutilizar a lógica em diferentes pontos.
Veja uma curiosidade: você pode verificar se o elemento existe antes de alterá-lo para evitar possíveis erros no futuro. Veja este exemplo:
function alterarStatusBotaoSeguro() {
let botao = document.getElementById('btn-reiniciar');
if (botao) {
botao.classList.toggle('container__botao-desabilitado');
botao.classList.toggle('container__botao');
} else {
console.log('Botão não encontrado!');
}
}
Nesse exemplo, usamos classList.toggle
para simplificar a alternância entre classes. E caso o botão não exista, uma mensagem será exibida no console.
Parabéns! Continue com essa dedicação.
Conte com o apoio do Fórum. Abraços e bons estudos!