Alinhamento de exemplo invertido

Boa tarde,

Estou acompanhando o exercício feito na vídeo aula, porém, quando executo o script ao invés de trazer 3 linhas de dez ( * ) na horizontal, ele traz 3 blocos de (*) na vertical, não encontrei o erro, pode me auxiliar?

    <meta charset="utf-8">

<script>

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

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

    for (var linha= 1; linha<=3; linha++) {
        for (var coluna = 1; coluna <=10; coluna++){
        mostra("*");
        }
        pulaLinha();
    }

</script>