Olá, tudo bem?

Estou com dúvidas sobre colunas e linhas.

Lendo alguns tópicos sobre como o programa identifica colunas e linhas, vi que ele não identifica, na verdade o segundo "for", fica nele mesmo até completar 10 estrelas, depois do "pulalinha", retornamos para o primeiro "for", que este sim vai ser incrementado +1 a sua variável, o segundo "for", irá iniciar o processo com o "var = 1" novamente, até chegar no 10 e pular a linha, no terceiro loop, o primeiro "for" recebe em seu "var = 3", executando o último comando, segundo "for" está com "var=1" novamente e repete até chegar em 10, "pulaLinha" e como a var recebe mais 1 e fica== 4 ela encerra a condição que colocamo e o loop acaba, é isso mesmo? ou entendi tudo errado? haha.

Obrigado.

<script>

    function pulaLinha() {

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

    function mostra(frase){

        document.write(frase);
        pulaLinha();
    }
        // 1 -cria primeira linha//
        // 2 - cria segunda linha//
        // 3 - cria terceira linha//
        //4 - a nossa condição quebrou o loop, 4>3
    for(var linha = 1; linha <= 3; linha++){

            // 1 - fica no loop até o var chegar em 10, depois segue o pulaLinha//
            // 2 - ele recomeça com var = 1 até chegar em 10, diferente do primeiro for, o loop dele só quebra ao chegar em 10//
            //3 - mais uma vez o var inicia com atributo 1 até 10, quebra o loop e             segue//
        //4 - como o primeiro for encerrou, não chegamos neste que está dentro do primeiro//
        for(var coluna = 1; coluna <= 10; coluna++) {
            document.write("*");
        }
    //comando dentro do primeiro for//
        pulaLinha();
    }

</script>