Com a troca da tag "button" pelo botão do materialize tag "a", perdemos o atributo disabled para desabilitar o botão de reinicia jogo. Pesquisando no google sobre o problema achei a solução abaixo:
a.disabled {
pointer-events: none;
}https://stackoverflow.com/questions/10276133/how-to-disable-html-links
Porém, gostaria de saber se essa é a melhor forma ou se há outras.
Fala Anderson, tudo bem? Essa é uma ótima abordagem, dessa maneira a tag a não poderá receber click's. Eu faço exatamente assim quando preciso.
E além da classe disabled você poderia utilizar o atributo disabled:
<a disabled>texto</a>E no CSS:
a[disabled] {
pointer-events: none;
}As duas são opções de implementações válidas.
Espero ter ajudado.