Ao executar o código abaixo, a página é carregada somente quando o "while" termina, depois das 3 tentativas ou quando houver um ACERTO, diferentemente do que ocorre no vídeo quando a função mostra() é chamada e o seu resultado correspondente é mostrado na tela a cada tentativa.
<meta charset="UTF-8">
<h1>Jogo de Adivinhação</h1>
<script>
function pulaLinha(){
document.write("<br>");
}
function mostra(texto){
document.write(texto);
pulaLinha();
}
function sorteia(numeroLimite){
return Math.round(Math.random() * numeroLimite);
}
var numeroLimite = parseInt(prompt("Digite o número máximo para o sorteio:"));
var numeroPensado = sorteia(numeroLimite);
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>
Isto ocorre quando utilizo o Google Chrome. Fiz o teste utilizando o Firefox e o programa rodou conforme o vídeo, mostrando na tela os resultados parciais de cada tentativa. Existe uma forma de evitar que isso ocorra, ou é algo que realmente dependa do navegador utilizado?