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

Botão Reinicia não desabilita

Mais uma constatação que uma dúvida. Quando trocamos o elemento

 <button></button>

pelo

<a></a>

no botão de reinício de jogo, o atributo disabled passa a não funcionar e também, a função de bloqueá-lo quando estamos com o contador de tempo correndo.

A solução que encontrei, foi desabilitar o

    <a  id="botao-reinicia"></a> 

por meio de uma classe css, e a adição da classe por JQuery.

css

.desativado{

  cursor: not-allowed;
  opacity: 0.3;

}

JQuery:

$('#botao-reinicia').addClass('desativado');
$('#botao-reinicia').removeClass('desativado');

Deixo aqui a sugestão com uma das possíveis soluções para o problema, já que durante o curso, o problema passou batido devido ao foco em outras funcionalidades.

1 resposta
solução!

Fala aí Leo, beleza? A tag a não possuí o atributo disabled, ele é particular do button.

Uma das maneiras de resolver o problema poderia ser através do CSS, assim como você fez.

Porém, você não necessariamente precisa de uma classe para isso, poderia fazer com o próprio disabled:

[disabled] {
    pointer-events: none;
}

Com esse seletor, todo elemento que tenha o atributo disabled não poderá receber cliques.

Espero ter ajudado.