Jogo adivinha não imprime resultado conforme insiro o chute

Boa tarde,

Criei um jogo adivinha, mas na aula, o professor coloca o chute e o resultado do chute (se errei ou acertei) já aparece na tela. São 3 tentativas, e cada vez que ele coloca, errando, aparece "Você errou" e abre um novo prompt para inserir um novo chute.

Já no meu código:

<meta charset="UTF-8">

<script>

function pulaLinha() {

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

function mostra(frase) {

    document.write(frase);
    pulaLinha();
}

var numeroPensado = Math.round(Math.random()*10);

var tentativas = 1;

while(tentativas <= 3) {

    var chute = parseInt(prompt("Digite seu chute!"));

    if(chute == numeroPensado) {

        mostra("Você ACERTOU, o número pensado era " + numeroPensado + ".");
        break;


    } else {

        mostra("Você errou");
    }

    tentativas++;

}


mostra("FIM");

</script>

O resultado só aparece após as três tentativas forem inseridas, e não "simultaneamente" como na aula. Não consigo identificar meu erro.

Desde já agradeço as contribuições.