O resultado foi o mesmo mas fiz de maneira diferente do sugerido. Aceito sugestões de como melhorar o código. Gostaria de tentar uma if...else para não precisar usar o pincel.strokeStyle = "black"; pincel.strokeRect (x,50,50,50); lá no finalzinho do código. Segue:
function desenhaQuadrado(x, y, cor) {
pincel.fillStyle = cor; pincel.fillRect (x,y,50,50); pincel.strokeStyle = "black"; pincel.strokeRect (x,y,50,50);
}
for (var x = 0; x < 150; x = x + 50){
desenhaQuadrado(x,50, "green");
}
pincel.strokeStyle = "black";
pincel.strokeRect (x,50,50,50);
</script>