Solucionado
si gustas hacerla aún más genérica y dinámica te paso mi código.
<script>
let cuadros = parseInt(prompt("introduce el no# de cuadros que quieras"));
numcuadros = (cuadros*50)-50;
function dibujarCuadroVerdeHorizontal(a, b) {
let pantalla = document.querySelector('canvas');
let pincel = pantalla.getContext('2d');
for (let i = 0; i <= numcuadros; i += 50) {
pincel.fillStyle = "green";
pincel.fillRect(a + i, b, 50, 50);
pincel.strokeStyle = "black";
pincel.strokeRect(a + i, b, 50, 50);
}
}
</script>Gracias.
Gran trabajo!
Gracias por tu código, BenjamínNájeraEspinosa! Está genial.