<canvas width="600" height="400"></canvas>
<script type="text/javascript">
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
function desenhaQuadrado(x, y, tamanho, cor) {
// aqui precisamos usar fillRect, strokeRect, etc
var x = 0;
while(x < 150){
pincel.fillStyle = cor;
pincel.fillRect(x, y, tamanho, tamanho);
pincel.fillstroke = 'black';
pincel.strokeRect(x, y, tamanho, tamanho);
x = x + 50;
}
pincel.fillstroke = 'black';
pincel.strokeRect(x, y, tamanho, tamanho);
}
desenhaQuadrado(0, 0, 50, 'green');
</script>
Perfeito, Jaqueline!!!
Bons estudos e continue assim!