[BUG] Erro no código

Bom dia pessoal! Tudo bem?

Bem, estou com uma enorme dificuldade no meu código.

Acontece que ao realizar o chute, ele diz que ou é menor ou maior, suponhamos que eu coloque 9 e diga que é maior, significa que o número secreto é 10 e que ao acertar, ele deve me trazer o texto "Acertou!", mas infelizmente ele não está retornando mais essa mensagem, ele retorna "o número secreto é maior ou menor!"

Podem, me ajudar, por favor?

let numeroSecreto = gerarNumeroAleatorio(); let tentativas = 1;

function exibirTextoNaTela(tag, texto) { let campo = document.querySelector(tag); campo.innerHTML = texto; }

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', 'Você Acertou!');
    let palavraTentativa = tentativas > 1 ? 'tentivas' : 'tentativa';
    let mensagemTentativas = `Você descobriu o número secreto com ${tentivas} ${palavraTentativa}!`;
    exibirTextoNaTela('p', mensagemTentativas);

 } else  {
    if 
      (chute > numeroSecreto) {
        exibirTextoNaTela('p', 'O número secreto é menor');
     } else {
        exibirTextoNaTela('p', 'O número secreto é maior');
     } 
     tentativas++;   
}

}

function gerarNumeroAleatorio() { return parseInt(Math.random() * 10 + 1); }