<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
resposta
unexpected token "<" dentro do for. Pq???
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. ✓