hola yo probe de otra manera, hice una sola funcion donde le paso 3 parametros( x,y, un color), entonces :
function dibujarCuadradoColor(x,y,color){ //crea un cuadrado var pantalla = document.querySelector("canvas"); var pincel = pantalla.getContext("2d");
pincel.fillStyle = color;
pincel.fillRect(x,y,50,50);
//estilo de linea
pincel.strokeStyle = "black";
pincel.strokeRect(x,y,50,50);
}
dibujarCuadradoColor(0,0,"green");
dibujarCuadradoColor(50,0,"red");
dibujarCuadradoColor(100,0,"green");
dibujarCuadradoColor(150,0,"red");
//vertical Y
dibujarCuadradoColor(0,50,"green");
dibujarCuadradoColor(50,50,"red");
dibujarCuadradoColor(0,100,"green");
dibujarCuadradoColor(150,100,"green");
