index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="user-scalable=no" />
  <link rel="icon" href="images/favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="style.css">
  <title>Speed Repeat</title>
</head>

<body>

  <table>

    <tr>
      <td>
        <div class="title" id="title">Speed Repeat</div>
        <div class="message" id="message"> Click on the center to start</div>
        <div class="message" id="message2"> Your Score: 0</div>
        <div class="message" id="message3"> Round: 0</div>

        <table class="center">
          <tr>
            <td></td>
            <td>
              <div id="up" class="triangle-up"></div>
            </td>
            <td></td>
          </tr>
          <tr>
            <td>
              <div id="left" class="triangle-left"></div>
              </div>
            </td>
            <td>
              <div id="middle" class="circle" onclick="start()"></div>
            </td>
            <td>
              <div id="right" class="triangle-right"> </div>
            </td>
          </tr>
          <tr>
            <td></td>
            <td>
              <div id="down" class="triangle-down"></div>
            </td>
            <td></td>
          </tr>
        </table>
      </td>

      <td>
        <div class="score">
          <table class="score2" id="myTable">
            <caption>High Score:</caption>
            <input id="highscore" placeholder="Enter Your Name Here" />
          </table>
        </div>
      </td>

    </tr>
  </table>

  <script src="script.js"></script>

</body>

</html>