Solucionado
E consegui uau!!! segue o código.
<canvas width="350" height="300"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext('2d');
pincel.fillStyle = 'darkgreen';
pincel.fillRect(0, 0, 350, 300);
pincel.fillStyle = 'black';
pincel.fillRect(50, 50, 90, 90);
pincel.fillRect(210, 50, 90, 90);
pincel.fillRect(140, 140, 70, 100);
pincel.fillRect(100, 190, 40, 110);
pincel.fillRect(210, 190, 40, 110);
</script>
Segue meu código.
<canvas width="350" height="300"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext('2d');
pincel.fillStyle = 'darkgreen';
pincel.fillRect(0, 0, 350, 300);
pincel.fillStyle = 'black';
pincel.fillRect(50, 50, 90, 90);
pincel.fillRect(210, 50, 90, 90);
pincel.fillRect(140, 140, 70, 100);
pincel.fillRect(100, 190, 40, 110);
pincel.fillRect(210, 190, 40, 110);
</script>
Olá Acemar, tudo ok por aí?
Gostaria de pedir desculpas pelo retorno tardio!
Eu gostaria de lhe parabenizar pela conclusão desse exercício com maestria!
Eu testei seu código e percebi que ele tem o resultado esperado, e a organização está impecável, indentação correta, e a estruturação está perfeita.
MEUS PARABÉNS NOVAMENTE ACEMAR, SEU PROJETO ESTÁ MUITO BOM!
Continue se dedicando aos estudos pois assim você vai muito mais longe, você ainda tem muito potencial para crescer!
Estou ansioso para ver o seu desenvolvimento!
Um grande abraço e bons estudos!