Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] [Dúvida] - Não quero que o botão "sortear" fique habilitado para fazer um novo sorteio antes de apertar o botão "reiniciar"

Opa,

Se possível uma ajuda por favor.

Estava tentando implementar um novo passo antes do reiniciar, onde uma vez que os números fossem sorteados, o botão de "sortear" não ficasse mais habilitado enquanto o botão "reiniciar" não fosse apertado. Para travar a possibilidade de escolher novos sorteios até cair um número da minha preferência.

Tentei adicionar o novo comando adicional após as linhas que habilitamos o botão reiniciar, mas não deu certo. Certeza que estou fazendo alguma coisa errada.

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

2 respostas
solução!

Olá! Tudo bem?

Para desabilitar o botão "sortear" até que o botão "reiniciar" seja pressionado, você pode ajustar a lógica das funções que alteram o estado dos botões. Vou sugerir uma forma de fazer isso:

  1. Desabilitar o botão "sortear" após o sorteio:

    • Após realizar o sorteio, chame uma função que desabilite o botão "sortear".
  2. Habilitar o botão "sortear" ao reiniciar:

    • No início da função reiniciar, habilite novamente o botão "sortear".

Aqui está um exemplo de como você pode implementar essas mudanças:

function alterarBotaoSortear(disabled) {
    let botao = document.getElementById('btn-sortear');
    if (disabled) {
        botao.classList.add('container__botao-desabilitado');
        botao.classList.remove('container__botao');
    } else {
        botao.classList.remove('container__botao-desabilitado');
        botao.classList.add('container__botao');
    }
}

function realizarSorteio() {
    // Lógica do sorteio...
    
    // Desabilitar o botão "sortear" após o sorteio
    alterarBotaoSortear(true);
}

function reiniciar() {
    document.getElementById('quantidade').value = '';
    document.getElementById('de').value = '';
    document.getElementById('ate').value = '';
    document.getElementById('resultado').innerHTML = '<label class="texto__paragrafo">Números sorteados: nenhum até agora</label>';
    
    // Habilitar o botão "sortear" ao reiniciar
    alterarBotaoSortear(false);
    
    alterarStatusBotao();
}

Com essas alterações, o botão "sortear" ficará desabilitado após o sorteio e só será habilitado novamente quando o botão "reiniciar" for pressionado.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Olá tudo bem? Segui essa sugestão e funcionou. Agradeço pelo direcionamento. Obrigado