1
resposta

unexpected token "<" dentro do for. Pq???

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

<script>

    function desenhaQuadrado(x, y, cor) {

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

    pincel.fillStyle = cor;
    pincel.fillRect(x, y, 50, 50);
    pincel.strokeStyle = 'black';
    pincel.strokeRect(x, y, 50, 50);

}
    /*
    var x = 0;

    while(x < 600) {

    desenhaQuadrado(x, 0, 'green');
    desenhaQuadrado(x, 50, 'red');
    desenhaQuadrado(x, 100, 'blue');
    x = x + 50;
    */

    for(var x = 0, x < 600, x = x + 50) {

    desenhaQuadrado(x, 0, 'green');
    desenhaQuadrado(x, 50, 'red');
    desenhaQuadrado(x, 100, 'blue');

}


</script>
1 resposta

Oi, Lucas! Tudo bem?

Peço desculpas pela demora.

O problema está na estrutura do seu for, repare que dentro dele você está utilizando uma vírgula para separar os valores do seu laço, ao invés de ponto e vírgula. Tente mudar o seu for para o seguinte formato:

for(var x = 0; x < 600; x = x + 50) {
    desenhaQuadrado(x, 0, 'green');
    desenhaQuadrado(x, 50, 'red');
    desenhaQuadrado(x, 100, 'blue');
}

Estes erros são bastante comuns, com o tempo e prática você vai saber lidar com eles cada vez melhor.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado. ✓