Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Error en Chrome por Quirk Mode, ¿string con </script>?

Saludos, mi código al tratar de ejecutar me arroja error en la última línea, donde está "< /script >" y no sé por qué " Uncaught SyntaxError: Unexpected end of input (at programa_canvas_3.html:36:1) ", me dice también algo de "Page layout may be unexpected due to Quirks Mode" y dice en Google que se puede relacionar a Chrome interpretando el documento como una versión antigua de HTML, no sé si hay algo en éste código en concreto que esté mal o que cause que Chrome alerte sobre ese error relacionado al Quirk Mode. Agradezco cualquier asistencia. :)

<canvas width = "600" height = "400"> </canvas>

<script>

    var screen = document.querySelector ("canvas");
    var paintbrush = screen.getContext ("2d");

    paintbrush.fillStyle = "grey";
    paintbrush.fillRect (0,0,600,400);

    function show_alert (event) {

        var x = event.pageX - screen.offsetLeft;    //offset coordX 0 
        var y = event.pageY - screen.offsetTop;        //offset coordY 0
        console.log (event);
        alert ("Click en x=" + x + ", y =" + y + ".");

    }

    function draw_circle (event) {

        var x = event.pageX - screen.offsetLeft;
        var y = event.pageY - screen.offsetTop;

        paintbrush.fillStyle = "blue";
        paintbrush.beginPath ();
        paintbrush.arc (x,y,10,0,2*3.14);
        paintbrush.fill ();
        console.log (x + "," + y);


    //screen.onclick = show_alert;    // No () => ejecuta posterior a click

    screen.onclick = draw_circle;

</script>
1 respuesta
solución!

Ya me di cuenta que arriba de "screen.onclick = draw_circle;" me faltó un "}" para cerrar la función "draw_circle", error de sintaxis de mi parte.