2
respostas

Dúvida com While

Procurei fazer de forma mais simples meu código utilizando algumas funções e etc. Mas não está funcionando, epós algum tempo analisando não consegui encontrar o erro. O objetivo era fazer uma imagem quadriculada.

2 respostas

Olá Claúdio, poderia postar seu código para podermos ajudar?

<meta charset="utf-8">
<canvas width="600" height="600"></canvas>

<script>

    var cor = prompt("Escolha uma cor para o quadrado: (Escreva em inglês)");
    var corBorda = prompt("Escolha uma cor para a borda: (Escreva em inglês)");
    var quadrado = parseInt(prompt("Escolha o tamanho do quadrado: (Máximo 100)"));

    function desenhaQuadrado(x, y, larg, alt) {


        var tela = document.querySelector("canvas");
        var pincel = tela.getContext("2d");
        pincel.fillStyle = cor;
        pincel.fillRect(x, y, larg, alt);
        pincel.strokeStyle = corBorda;
        pincel.strokeRect(x, y, larg, alt);    

    }

    while(n <= 5) {

        var n = 0;
        var n1 = 2;
        var n2 = 4;

        if(n == 0) {

            desenhaQuadrado(0*n, 0, quadrado, quadrado);
            desenhaQuadrado(0*n, quadrado*n1, quadrado, quadrado);
            desenhaQuadrado(0*n, quadrado*n2, quadrado, quadrado);
            n++
            n1++
            n2++
        } else if(n2 == 3 || n3 == 5) {

            desenhaQuadrado(quadrado*n, quadrado, quadrado, quadrado);
            desenhaQuadrado(quadrado*n, quadrado*n1, quadrado, quadrado);
            desenhaQuadrado(quadrado*n quadrado*n2, quadrado, quadrado);
            n1 = n1 - 1
            n2 = n2 - 1
        } else {

            desenhaQuadrado(quadrado*n, 0, quadrado, quadrado);
            desenhaQuadrado(quadrado*n, quadrado*n1, quadrado, quadrado);
            desenhaQuadrado(quadrado*n, quadrado*n2, quadrado, quadrado);
            n1++
            n2++
        }

        n++;
    }


    /*desenhaQuadrado(quadrado, quadrado, quadrado, quadrado);
    desenhaQuadrado(quadrado, quadrado*3, quadrado, quadrado);
    desenhaQuadrado(quadrado, quadrado*5, quadrado, quadrado);

    desenhaQuadrado(quadrado*2, 0, quadrado, quadrado);
    desenhaQuadrado(quadrado*2, quadrado*2, quadrado, quadrado);
    desenhaQuadrado(quadrado*2, quadrado*4, quadrado, quadrado);

    desenhaQuadrado(quadrado*3, quadrado, quadrado, quadrado);
    desenhaQuadrado(quadrado*3, quadrado*3, quadrado, quadrado);
    desenhaQuadrado(quadrado*3, quadrado*5, quadrado, quadrado);

    desenhaQuadrado(quadrado*4, 0, quadrado, quadrado);
    desenhaQuadrado(quadrado*4, quadrado*2, quadrado, quadrado);
    desenhaQuadrado(quadrado*4, quadrado*4, quadrado, quadrado);

    desenhaQuadrado(quadrado*5, quadrado, quadrado, quadrado);
    desenhaQuadrado(quadrado*5, quadrado*3, quadrado, quadrado);
    desenhaQuadrado(quadrado*5, quadrado*5, quadrado, quadrado);*/


</script>