Após o exercício nos solicitar a troca da tag <button>
pela tag <a>
, não é possível desabilitar o mesmo, enquanto o se está digitando, dessa forma tornando possível resetar o jogo durante sua execução.
Encontrei uma solução simples para este caso, onde precisamos alterar apenas o css da página.
a[disabled="disabled"] {
pointer-events: none;
}
O css acima funciona da seguinte forma:
* Caso a tag <a>
contenha o atributo disabled, ele desabilita os eventos de mouse, "desabilitando" o link.
Espero que esta solução, por mais gambiarra que seja, ajude o pessoal que está aprendendo.