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?
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?
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();
}
}