<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
function desenhaQuadrado(x,y,cor){
pincel.fillStyle=cor;
pincel.fillRect(x,y,50,50);
pincel.strokeStyle="black";
pincel.strokeRect(x,y,50,50);
}
var x = 0;
for(var x = 0; x < 150; x = x + 50){
desenhaQuadrado(x,0,'green');
desenhaQuadrado(150,0,'white');
}
</script>
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta
resposta
Algum problema em fazer assim?
solução!
Boa noite, Lucas! Como vai?
Não há problema em vc usar o for, no entanto, repare que vc está repetindo dentro do laço de repetição a ação de desenhar um quadrado verde e um quadrado branco, quando na realidade vc somente gostaria de repetir o desenho do quadrado verde e desenhar o quadrado branco uma única vez.