1
resposta

[Dúvida] Não consigo fazer o botão de NOVO JOGO funcionar..

let numeroSecreto = gerarNumeroAleatorio();
let tentativas = 1

function exibirTextoNaTela(tag, texto) {
    let campo = document.querySelector(tag);
    campo.innerHTML = texto;
}
    function exibirMensagensIniciais() {
        exibirTextoNaTela('h1', 'Jogo do número secreto')
        exibirTextoNaTela('p', 'Qual o número secreto?')
    }
    exibirMensagensIniciais()
function verificarChute(){
    
let chute = document.querySelector('input').value;
    if (chute == numeroSecreto) {
         exibirTextoNaTela('h1', 'Acertou!')

            let palavraTentativas = tentativas > 1? 'tentativas' : 'tentativa';

            let mensagemTentativas = 'O número ' + chute + ' está correto! Você descobriu o número secreto com ' + tentativas + ' ' + palavraTentativas
            

        exibirTextoNaTela('p', mensagemTentativas)
        
        document.getElementById('reiniciar').removeAttribute('disabled');
        
    } else { 
        if (chute>numeroSecreto) {
          exibirTextoNaTela('p', 'O número secreto é menor!')  
        } else {
        exibirTextoNaTela('p', 'O número secreto é maior!')
    }
    tentativas++
}
    limparCampo()
            
    }
function limparCampo() {
        chute = document.querySelector('input');
        chute.value = '';  
         }
  console.log(numeroSecreto)  
          
function gerarNumeroAleatorio() {
    return parseInt(Math.random() * 100 + 1)

}
function reiniciarJogo() {
    numeroSecreto = gerarNumeroAleatorio();
    limparCampo();  
    tentativas = 1;
    exibirMensagensIniciais()
    document.getElementById('reiniciar').setAttribute('disabled', true)
}


1 resposta

Tente adicionar o evento de click ao botão "Novo Jogo"

document.getElementById('reiniciar').addEventListener('click', reiniciarJogo);

Analise também nesse trecho do código HTML.

<div class="chute container__botoes">
                    <button onclick="verificarChute()" class="container__botao">Chutar</button>
                    <button onclick="reiniciarJogo()" id="reiniciar" class="container__botao" disabled>Novo jogo</button>
                </div>

Vê se isso ajuda!