multi.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      html {
        margin: 0;
      }
      body {
        margin: 0;
        background-color: black;
        padding: 10px auto;
      }
      canvas {
        display: block;
        background-color: black;
        margin: auto;
      }
    </style>
    <title>Abarosh</title>
  </head>
  <body>
    <p
      style="
        color: white;
        font-family: sans-serif;
        font-size: 14px;
        margin-bottom: 6px;
        text-align: center;
      "
    >
      <span>YELLOW </span><span id="player1">0</span>
      <span style="width: 200px"> - </span>
      <span id="player2">0</span>
      <span>PURPLE </span>
    </p>
    <canvas id="canvas" width="400" height="400"></canvas>
    <script src="multi.js"></script>
  </body>
</html>