Hola, alguien podria apoyarme haciendome saber cual es el error del siguiente codigo, carga la pagina sin problemas. Sin embargo, cuando doy click en los cuadros e intendo dibujar no pasa nada.
Ya intente varias posibles soluciones, pero ninguna funciona y el navegador no arroja ningun error.
JavaScript
¡Hola Pablo! Parece que el problema en tu código es que la variable "puedoDibujar" nunca cambia a true, por lo que nunca se ejecuta la función "dibujar" al mover el mouse. Para solucionarlo, puedes agregar los siguientes eventos al final de tu código:
pantalla.addEventListener("mousedown", function() { puedoDibujar = true; });
pantalla.addEventListener("mouseup", function() { puedoDibujar = false; });
Con esto, la variable "puedoDibujar" cambiará a true al hacer clic en la pantalla y a false al soltar el clic, permitiendo que la función "dibujar" se ejecute correctamente. Espero que esto te sea de ayuda. ¡Buenos estudios!