Botao nao funciona

Nao estou conseguindo colocar meu botao pra funcionar,

function validacaoNumero(c) {
    const numero = +c

    if (verificaSeENumero(numero)) {
        elementoChute.innerHTML += '<div> Valor Invalido bro </div>'
    }

    if (verificaSeONumeroEMaiorOuMenor(numero)) {
        elementoChute.innerHTML += `<div> O chute tem que estar entre ${numeroMenor} e ${numeroMaior}<div>`
    }

    if (numero === numeroAleatorio) { // document.body.innerHTML muda todo o documento da tela
        document.body.innerHTML = `  
        <h2> Voce acertou! </h2>
        <h3> O numero secreto era ${numeroAleatorio} ! </h3>

        <button id="jogarBtn" 
        class="jogar-novamente">Atualizar Página</button>
        `
    } else if (numero < numeroAleatorio) {
        elementoChute.innerHTML += `<div class="acertou">O número secreto é maior <i class="fa-solid fa-up-long"></i></div>`
    } else {
        elementoChute.innerHTML += `<div class="acertou">O número secreto é menor <i class="fa-solid fa-up-long"></i></div>`
    }
}

function verificaSeENumero(numero) {
    return Number.isNaN(numero);
}

function verificaSeONumeroEMaiorOuMenor(numero) {
    return numero > numeroMaior || numero < numeroMenor
}

function verificaSeAcertou(numero) {
    return numero === numero
}

document.body.addEventListener('click', e => {
    if (e.target.id == "jogarBtn" ) { //condicao: se existir uma id igual a que eu passei
        window.location.reload()
    }
})