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

Botão reiniciar

O botão reiniciar da forma como foi feito está reagindo ao clique e alterando o estilo nos dois estados, habilitado ou desabilitado. Qual o motivo do problema?

1 resposta
solução!

Oi!

Verdade! Passou batido esse detalhe mesmo no projeto do curso :(

A propriedade do CSS cursor: not-allowed;, que está na classe .container__botao-desabilitado, não impede que o elemento seja clicado. Para resolver então, você deve alterar o código da função reiniciar para:

function reiniciar() {
    let botaoReiniciar = document.getElementById('btn-reiniciar');
    
    //somente reinicia se o botão de reiniciar estiver habilitado:
    if (botaoReiniciar.classList.contains('container__botao')) {
        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>';
        alterarStatusBotao();
    }
}