Hola, no me carga el java en google chrome, se queda cargando como si fuera infinito, este es el código que tengo igual al del videovar...

¡Hola Cris! No tienes tu código incompleto, si no que en esa parte del video el código esta así. Tienes un problema en tu código, colocaste el número

cuando deberia de ser la letra , en esta linea:

while(1 < lineas)

Por tanto, cambia esa linea por esta otra:

while(l < lineas)

Guarda el archivo y recarga la página para ver los cambios ;) ¡Saludos!

Hola!

Tu código esta un poco incompleto y desordenado. Te dejo el código de la clase para que te puedas guiar:

var texto = document.getElementById("texto_lineas");
var boton = document.getElementById("botoncito");
boton.addEventListener("click", dibujoPorClick );

var d = document.getElementById("dibujito");
var ancho = d.width;
var lienzo = d.getContext("2d");

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

function dibujoPorClick()
{
  var lineas = parseInt(texto.value);
  var l = 0;
  var yi, xf;
  var colorcito = "#FAA";
  var espacio = ancho / lineas;

  for(l = 0; l < lineas; l++)
  {
    yi = espacio * l;
    xf = espacio * (l + 1);
    dibujarLinea(colorcito, 0, yi, xf, 300);
    console.log("Linea " + l);
  }

  dibujarLinea(colorcito, 1,1,1,299);
  dibujarLinea(colorcito, 1,299,299,299);
}

En cuanto al error, es un error de Google, no del código 🤔. Te dejo información por si quieres saber más -> https://support.google.com/chrome/a/answer/6271277?hl=es

Saludos!