Estou seguindo os passos, mas o botão segue desabilitado mesmo após acertar o número secreto
segue app.js
let numeroSecreto = gerarNumeroAleatorio();
let tentativas = 1;
function exibirTextoNaTela(tag,texto) {
let campo = document.querySelector(tag);
campo.innerHTML = texto;
}
exibirMensagemInicial();
function exibirMensagemInicial(){
exibirTextoNaTela('h1', 'Jogo do número secreto');
exibirTextoNaTela('p', 'Escolha um número entre 1 e 10');
}
function verificarChute(){
let chute = document.querySelector('input').value;
if(chute == numeroSecreto){
exibirTextoNaTela('h1', 'Acertou!');
let palavraTentativa = tentativas > 1 ? 'tentativas' : 'tentativa';
let mensagemTentativas = `Você descobriu o número secreto ${tentativas} ${palavraTentativa}!`;
exibirTextoNaTela('p', mensagemTentativas);
} else {
if( chute > numeroSecreto){
exibirTextoNaTela('p', 'O número secreto é menor');
}
else{
exibirTextoNaTela('p', 'O número secreto é maior');
}
tentativas++;
limparCampo();
}
}
function gerarNumeroAleatorio(){
return parseInt(Math.random () * 10 +1);
}
function limparCampo(){
chute = document.querySelector ('input');
chute.value = '';
}
function reiniciarJogo() {
numeroSecreto = gerarNumeroSecreto();
exibirMensagemInicial();
limparCampo();
numeroTentativas = 1;
document.getElementById('reiniciar').setAttribute('disabled', true);
}
No console aparece a seguinte mensagem
"Um elemento de campo de formulário não possui um atributo id nem name. Isso pode impedir que o navegador preencha automaticamente o formulário corretamente. Para corrigir esse problema, adicione um atributo de id ou nome exclusivo a um campo de formulário. Isso não é estritamente necessário, mas ainda é recomendado mesmo se você tiver um atributo de preenchimento automático no mesmo elemento. "
Continuo sem entender onde está o erro. Conseguem me ajudar?