Meu creeper

Oi oi, Kevin!

Que show!

Parabéns pela conclusão do desafio e continue com os estudos!

Um abraço e bons estudos!

Eu fiz sem incluir:

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

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(200, 50, 350 ,300);
</script>

E o resultado da imagem ficou ok. 
Tem problema, qual o problema de ter feito sem o querySector e get.Context?

Fiz assim:
<canvas width="600" height="400"></canvas>

<script>

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

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

    pincel.fillStyle = 'black';
    pincel.fillRect(100, 90, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect(260, 90, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect(190, 180, 70, 100);

    pincel.fillStyle = 'black';
    pincel.fillRect(150, 215, 40, 130);

    pincel.fillStyle = 'black';
    pincel.fillRect(260, 215, 40, 130);



</script>

Muito bom Kevin! Só que depois que definiu o estilo do pincel como "black" uma vez, e não foi preciso alterar depois, não precisava declarar o estilo novamente para desenhar com a mesma cor. Acho que você entendeu que precisa declarar o estilo toda vez antes de usar fillRect()

Eu não sabia Samir, eu realmente achei que precisasse declarar o estilo toda vez, obrigado pela dica.

Excelente observação, Samir! Obrigada por contribuir com a comunidade!

Um abraço à todos, bons estudos!