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>