Como o programa diferencia linha de coluna ?

Keli,

o código do professor faz o seguinte:

<meta charset="UTF-8">

<script>

    function pulaLinha() {

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

    for(var linha = 1; linha <= 3; linha++) {

        for(var coluna = 1; coluna <= 10; coluna++) {
            document.write("*");
        }
        pulaLinha();
    }

</script>

• abre um contador 'for', onde a variável 'linha' começa com valor 1 e irá até 3, incrementado de 1 em 1;
• temos linha = 1;
• abre outro contador 'for', onde a variável 'coluna' começa com valor 1 e irá até 10, incrementado de 1 em 1;
• temos linha = 1 e coluna = 1;

A) Este segundo contador vai rodar de 1 a 10, fazendo o seguinte:

• imprime um asterisco na tela, e acrescenta 1 à variável coluna;
• chegando a 10, ele para de imprimir, e pula pro próximo comando: "pular uma linha";

(terminado este processo, temos uma linha com 10 asteriscos na tela, e o navegador preparado para imprimir somente a partir da próxima linha.)

Ele volta ao loop do primeiro contador, que acrescenta 1 à variável linha. linha agora = 2; e repete tudo o que está no item A);

(com isto temos uma segunda linha de 10 asteriscos impresso em tela)

Ele volta ao loop do primeiro contador, que acrescenta 1 à variável linha. linha agora = 3; e repete tudo o que está no item A);

(com isto temos uma terceira linha de 10 asteriscos impresso em tela).

Oi Akashi Obrigada por dedicar seu tempo para detalhar em pequenos passos, eu consegui visualizar bem melhor, valeu mesmo !