O programa só exibe a mesma resposta.

Quando coloco meu palpite, mesmo acertando ou colocando um numero menor, aparece que o numero é menor, as vidas diminuem e vão para 0.

<meta charset="UTF-8">
<h1> Jogo da adivinhação </h1>
<br>
<input>
<button>Verifique se é o numero correto</button>

<script> 

function sorteia(){
    return Math.round(Math.random() * 10);
}

    function pulaLinha(){
        document.write("<br>");
}

    function mostra(texto){
        document.write(texto);
        pulaLinha();
}

    var input = document.querySelector("input");
    var vidas = 3;
    var numero = sorteia();
    input.focus()

    function verifica(){

        while (vidas >  0) {
            if (input == numero) {
                alert("Você acertou");
                break;
            }

            else {
                if (input > numero){
                    alert("O numero é maior. Você tem mais " + vidas + " tentativas");


                }

                else {
                    alert("O numero é menor. Você tem mais " + vidas + " tentativas");


                }


                input.value = "";
                input.focus();
                return vidas = vidas - 1
            }
        }

            if (vidas == 0){
                    mostra ("Você errou o numero, tente novamente!  O número secreto era " + numero);
            }
    }
    var button = document.querySelector("button");
    button.onclick = verifica;


</script>