O botão, mesmo estando cinza e desabilitado, continuava em funcionamento. Por isso, adicionei um código complementar, conforme demonstrado abaixo.
O botão, mesmo estando cinza e desabilitado, continuava em funcionamento. Por isso, adicionei um código complementar, conforme demonstrado abaixo.
Oi, Lucas! Como vai?
Sua solução de controlar tanto a classe quanto a propriedade disabled do botão ficou ótima. Isso garante não só o visual correto, mas também o comportamento funcional, evitando cliques indevidos. Esse cuidado mostra uma boa atenção à experiência do usuário.
Uma dica interessante para o futuro é usar o método toggle do classList, que simplifica esse tipo de controle:
let botao = document.getElementById('btn-sortear');
botao.classList.toggle('container__botao-desabilitado');
botao.disabled = !botao.disabled;
Esse código alterna automaticamente a classe e o estado disabled, deixando o código mais simples e fácil de manter.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!