[Dúvida] Funcionamento de um loop

<script>

    function pulaLinha() {

        document.write("<br>");
    }

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

    numero_gerado = Math.round(Math.random() * 10);
    numero = parseInt(prompt("Ponha um número e vamos ver se é igual ao gerado pelo sistema"));

    for(i=1; i < 3; i++) {
        if ( numero != numero_gerado) {
            if (numero > numero_gerado){
                alert ("Você errou, o sistema gerou um número menor, tenta novamente");
            }

            else{
                alert ("Você errou, o sistema gerou um número maior, tenta novamente");
            }

            numero = parseInt(prompt("Ponha outro número que verificaremos se é igual ao gerado pelo sistema"));
        }

        else {
            break;
        }
    }
    
    if (numero == numero_gerado) {

        mostra("Parabéns, você conseguiu achar o número que o sistema gerou")
    
    } 
    else {

        mostra("Infelizmente não foi desta vez, por favor tenta mais tarde ")    
        
    }
    
</script>

Codigo feito a partir da aula (Interromopendo um loop) javascript e html: cria um jogo e pratique com logica, suposto dar 3 chances ao usuario, mas no meu loop metendo a var tentativa variando de 1 a 3, sem nunca ser igual a 3 funciona bem, mas metendo menor ou igual a 3, apenas funciona dando 2 chances ao usuario.

Alguem tem uma ideia de como melhorar isso?