Boa noite. Minha duvida é a seguinte, durante a aula o professor Flávio usa o código para preencher quadrados na horizontal. Eu tentei sozinho fazer uma adição ao código para construir os mesmos quadrados mas na parte inferior. Porém esta saindo apenas uma linha e não os quadrados. A linha que eu adicionei foi a 2 do for.
obrigado!
edit: ja descobri o problema, podem fechar.
<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);
}
/* usando o while
var x = 0;
while(x < 600) {
desenhaQuadrado(x, 0, "green");
x = x + 50;
}
*/
for(var x = 0; x < 600; x = x + 50) {
desenhaQuadrado(x, 0, "green");
desenhaQuadrado(x, 400, "green");
}