Me quedó esto con este código, ¿Alguien sabe si afectó que en los primeros dos ciclos la variable que cambia cada iteración fuera la mis...

Me quedó esto con este código, ¿Alguien sabe si afectó que en los primeros dos ciclos la variable que cambia cada iteración fuera la misma?

var casi = document.getElementById(“dibujito”);
var lienzo = casi.getContext(“2d”);

function hacer_linea(color,xinicial,yinicial,xfinal,yfinal){

lienzo.beginPath();
lienzo.strokeStyle = color;
lienzo.moveTo(xinicial,yinicial);
lienzo.lineTo(xfinal,yfinal);
lienzo.stroke();
lienzo.closePath();

}

var y=0;
var p=0;

for(x=0;x<=300;x+=10){
hacer_linea(“black”,0,x,x,300);
}

for(x=0;x<=300;x+=10){
hacer_linea(“black”,300,x,x,0);
}

for(x=300;x>=0;x-=10){

hacer_linea("black",0,x,y,0);
y+=10;

}

for(x=300;x>=0;x-=10){

hacer_linea("black",300,p,x,300);
 p+=10;

}