index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Snake Game</title>
</head>

<body style="background-color:  #82e0aa ;overflow:hidden">
  <div>
      <h2 style="color: blue;size: 150px">Classic Snake Game</h2>
      <div style="width:600px;float: left;">
        <label id=instruction> press arrow key to start....</label>
        <canvas style="border:10px solid grey;" id="snakecanvas" width="1000" height="500"></canvas>
        <br/>
      </div>
      <div style="position : relative;left : 400px; ">
        <button style="position: relative;left:400px; " onclick="location.reload();">Restart game</button>
        <h1 style="position: relative;left:400px">score</h1>
        <h1 style="position: relative;left:400px; font-size: 100px;" id="score">0</h1>
      </div>

      <script src="classic_snake.js"></script>
  </div>
</body>

</html>