Olá pessoal, espero que estejam todos bem.
Após finalizar o curso e seguir tudo conforme fora passado nas aulas, decidi aplicar algumas melhorias, listá-las-ei abaixo :
1° Nosso programa permitia clicar no botão sortear mesmo sem preenchermos quaisquer campos, por consequência o botão reiniciar recebia a classe do .container__botao e alterando o texto do campo de resultado.
Então, para tal resolução coloquei um alerta orientando ao usuário preencher todos os campos disponíveis:
if (!quantidade || !de || !ate) {
alert("Por favor, preencha todos os campos antes de sortear.");
return;
}
Tendo então, esse comportamento:
Mesmo assim o botão reiniciar permanece mudando de cor após o botão sortear ser clicado, comportamento semelhante a um interruptor ligando e desligando (azul, cinza, azul...).
Para resolver, removi o else da função alterarStatusBotao()
Assim ele ficará constantemente azul, independente de quantas vezes o botão sortear seja clicado, porém, quando clicamos nele, ele ainda permanece azul.
Portanto, na função reiniciar(), vamos adicionar a classe container__botao-desabilitado
Aplicando então o comportamento padrão, o deixando cinza e não clicavél, até que seja sorteado algum número.