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:
Desabilitar o botão "sortear" após o sorteio:
- Após realizar o sorteio, chame uma função que desabilite o botão "sortear".
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 ✓.