Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Pessoal, teria uma forma mais sucinta de escrever esse código?

<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);

     }

     desenhaQuadrado(0, 0, 'blue'); 
     desenhaQuadrado(50, 50, 'yellow'); 
     desenhaQuadrado(100, 100, 'red'); 

     desenhaQuadrado(50, 0, 'red'); 
     desenhaQuadrado(100, 50, 'blue'); 
     desenhaQuadrado(150, 100, 'yellow'); 

 </script>
1 resposta
solução

Oi, Diego, tudo bem?

A priori, todas as linhas de código são importantes para o efeito final. Nessa etapa do curso, não se preocupe em código enxuto, isso acontecerá naturalmente quando o seu conhecimento estiver mais consolidado ao ponto que você fará isso pela boa prática, por códigos mais simples, etc. Porém, aqui, o seu código está ótimo :}