var d = document.getElementById(“dibujito”);//obtener etiquetas por su nombre var lienzo = d.getContext(“2d”); var lineas = 30; var l = 0...

var d = document.getElementById(“dibujito”);//obtener etiquetas por su nombre

var lienzo = d.getContext(“2d”);

var lineas = 30;

var l = 0;

var x = 0;

var x100 = 100;

while(l < lineas)

{

dibujarLinea(“red”, 0, 0, x, 300);

l = l + 1;

x < x100;

x = x + 10;

console.log(lineas)

}

function dibujarLinea(color, x_inicial, y_inicial, x_final, y_final)

{

lienzo.beginPath();//preparar el comienzo del dibujo

lienzo.strokeStyle = color; // estilo del trazo

lienzo.moveTo(x_inicial, y_inicial);//punto de inicio

lienzo.lineTo(x_final, y_final);

lienzo.stroke();

lienzo.closePath();

}