<html lang="en"> <head> <script type="module" src="main.js"></script> </head> <body> <main> <canvas id="eventCanvas", width=400, height=400, style="border:1px solid #000000;"></canvas> <div id="outputArea" style="border:1px solid #000000;"> Output Area </div> <br> <div id="MouseArea" style="border:1px solid #000000;"> Mouse Info Area </div> </main> </body> </html>