Frações

Ileana,

sim, está correto. Funcional e enxuto.

A melhorar apenas a indentação, para melhor identificar a função e o 'for'.

E só pra quem tem TOC, o quadrado branco poderia estar fora do 'for'. :-)

<canvas width="600" height="400"></canvas>

<script>

    function desenhaQuadrado(x, y, tamanho, cor) {

        var tela = document.querySelector("canvas");
        var pincel = tela.getContext("2d");

        //quadrado
        pincel.fillStyle = cor;
        pincel.fillRect(x, y, 50, 50);
        pincel.fillStroke = "black";
        pincel.strokeRect(x, y, 50, 50);

    }

    for(x = 0; x < 200; x = x + 50) {

        desenhaQuadrado(x, 0, 10, "green");
    }

    desenhaQuadrado(150, 0, 10, "white");

</script>

Continue assim! Bons estudos!

Obrigada pela dica!