Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Módulo 01 Curso Lógica de Programação com desafios

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.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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:

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeMesmo 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()

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeAssim 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

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Aplicando então o comportamento padrão, o deixando cinza e não clicavél, até que seja sorteado algum número.

1 resposta
solução!

Olá João, tudo bem?

Parabéns pela iniciativa de buscar melhorar o seu projeto e pelo resultado na resolução do desafio, ficou ótimo!

Além disso, agradeço por compartilhar seu código com os demais estudantes, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!