Problema em exibir as tentativas

quando eu rodo meu código ele só exibi a mensagem de cada tentativa após finalizar todos os chutes, eu pensei que pudesse ser porque coloquei pra somar as tentativas só durante os erros, mas mesmo rodando sem esse detalhe continuo tendo problemas para que a mensagem seja exibida logo após a tentativa e não apenas ao final de todas.

<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);
console.log(numeroPensado);

var tentativa = 1;

while (tentativa <= 3){
    var chute = parseInt(prompt("Digite o seu chute!"));
    if(chute == numeroPensado){
        mostra("<h1> Parabéns, você acertou! </h1>");
        }else{
            mostra("<h1>Sinto muito, você errou!</h1>");
            mostra("<br> Tente novamente!");

    }
    mostra("Agora você tem apenas " + (3 - tentativa));
    if (chute != numeroPensado){
        tentativa++;
    }
}
alert("O numero pensado, na verdade, era " + numeroPensado);

</script>