<meta charset="utf-8">
<canvas width="600" height="400">
</canvas>
<script>
function dibujarCuadrado(posicionX, posicionY,color) {
var contadorX = 0;
while(contadorX < 600){
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = color //Propiedad
pincel.fillRect(contadorX,posicionY,50,50) //Funcion
pincel.strokeStyle="black"
pincel.strokeRect(contadorX,posicionY,50,50)
contadorX += 50
console.log(contadorX)
}
}
dibujarCuadrado(0,0,"yellow")
dibujarCuadrado(0,50,"yellow")
dibujarCuadrado(0,100,"blue")
dibujarCuadrado(0,150,"red")
</script>
