<html> <meta charset="utf-8" />

<!-- Experimenting with Canvas, events, etc.
  -- because I'm a Javascript Novice.
  -->

    <title>Canvas Expriment</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>

<body bgcolor=#000>

<!-- <font color=magenta> foo </font> <p> -->

<canvas id=theCanvas width=1600 height=1200 bgcolor=#999  tabindex=1>
   canvas is not working
</canvas>

<!-- <p> bar <p> -->

<script>

    const theCanvas = document.getElementById("theCanvas");
    c