<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8"/>

  <link href="./pac_styling.css" rel="stylesheet" type="text/css"/>

  <script src="./pac_constants.js"></script>
  <script src="./board.js"></script>
  <script src="./view.js"></script>
  <script src="./pac_draw_borders.js"></script>
  <script src="./actor.js"></script>
  <script src="./ghost.js"></script>
  <script src="./controller.js"></script>
  <script src="./pac_script.js"></script>
</head>

<body>
  <div id="debug">
    Pac Tile: <span id="pac-tile"></span>
    <form id="update-data" method="post">
      <label for="blinky-target">Blinky's Target</label>
      <input id="blinky-target" type="text"/>

      <input type="submit" value="Update"/>
    </form>
  </div>
  <canvas id="pellets" height="288px" width="224px">
  </canvas>
  <canvas id="board" height="288px" width="224px">
  </canvas>
  <canvas id="actors" height="288px" width="224px">
  </canvas>
</body>

</html>

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8"/>

  <link href="./pac_styling.css" rel="stylesheet" type="text/css"/>

  <script src="./matrix.js"></script>
  <script src="./pac_constants.js"></script>
  <script src="./board.js"></script>
  <script src="./view.js"></script>
  <script src="./pac_draw_borders.js"></script>
  <script src="./actor.js"></script>
  <script src="./ghost.js"></script>
  <script src="./controller.js"></script>
  <script src="./pac_script.js"></script>
</head>

<body>
  <div id="debug">
    Pac Tile: <span id="pac-tile"></span>
    <form id="update-data" method="post">
      <label for="blinky-target">Blinky's Target</label>
      <input id="blinky-target" type="text"/>

      <input type="submit" value="Update"/>
    </form>
  </div>
  <canvas id="pellets" height="288px" width="224px">
  </canvas>
  <canvas id="board" height="288px" width="224px">
  </canvas>
  <canvas id="actors" height="288px" width="224px">
  </canvas>
</body>

</html>

Include matrix script in html
Include matrix script in html
