Snippet to get coordinates inside a canvas. To be used in the browser

gistfile1.txt

(() => {
  const canvas = document.querySelector("canvas"); 
  if (!canvas) {
    console.warn("⚠️ No <canvas> found in page.");
    return;
  }

  canvas.addEventListener("click", (e) => {
    const rect = canvas.getBoundingClientRect();
    const x = e.clientX - rect.left;
    const y = e.clientY - rect.top;
    console.log(`Click en: x=${x}, y=${y}`);
  });

  console.log("✅ Listener added to canvas. Click and see coordinates on the console.");
})();