[Dúvida] Nao aparece as cores | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

<canvas width="600" height="400"></canvas> <script> var tela = document.querySelector('canvas'); var pincel = tela.getContext ('2d'); pincel.fillStyle = 'lightgrey'; pince.fillRect(0, 0, 600, 400) pincel.fillStyle = 'green'; pince.fillRect(0, 0, 200, 400) pincel.fillStyle = 'red'; pince.fillRect(400, 0, 200, 400) </script>

Oi Rafael, tudo bem?

Há um pequeno erro de digitação no seu código. Você escreveu 'pince' ao invés de 'pincel' quando estava tentando usar o método 'fillRect'.

Corrige para:

<canvas width="600"  height="400"></canvas>
<script>

var tela = document.querySelector('canvas');
var pincel = tela.getContext ('2d');

pincel.fillStyle = 'lightgrey';
pincel.fillRect(0, 0, 600, 400)

pincel.fillStyle = 'green';
pincel.fillRect(0, 0, 200, 400)

pincel.fillStyle = 'red';
pincel.fillRect(400, 0, 200, 400)

</script>

Espero ter ajudado.

Um abraço e bons estudos.