Eu pensei em desenvolver uma funcionalidade para ativar e desativar botões. Quando o usuário estiver jogando, o botão de "chutar" ficará habilitado e o de "novo jogo" desabilitado, mas quando o usuário acertar o número secreto, o botão de "chutar" ficará desabilitado, tendo somente o botão de "novo jogo" habilitado. Assim o usuário não poderá dar mais chutes, já que ganhou o jogo.
function habilitaEDesabilitaBotoes(novoJogo) {
if (novoJogo) {
document.getElementById("reiniciar").removeAttribute("disabled");
document.getElementById("chutar").setAttribute("disabled", true);
} else {
document.getElementById("reiniciar").setAttribute("disabled", false);
document.getElementById("chutar").removeAttribute("disabled");
}
}
A função possui um parâmetro booleano que recebe "true" para habilitar o botão de "novo jogo" e desabilitar o botão de "chute". Agora, se o valor for "false", acontecerá o contrário, botão de "novo jogo" desabilitado e o de "chutar" habilitado.
O que acharam da função? Eu a criei para evitar a duplicação de código, pois estava acontecendo isso no meu projeto.