<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="js/game.js"></script>
    <script type="text/javascript" src="js/bounce.js"></script>
    <script type="text/javascript" src="js/pause.js"></script>
    <script type="text/javascript" src="js/end_game.js"></script>
    <link rel="stylesheet" type="text/css" href="index.css" >
    <meta charset="utf-8">
    <title>Brick Breaker!</title>
  </head>
  <body>
    <h2>Brick Breaker!</h2>
    <div id="canvas-container">
      <canvas id="canvas" width="800" height="400"></canvas>
    </div>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="js/game.js"></script>
    <script type="text/javascript" src="js/models/ball.js"></script>
    <script type="text/javascript" src="js/models/brick.js"></script>
    <script type="text/javascript" src="js/models/paddle.js"></script>
    <script type="text/javascript" src="js/models/player.js"></script>
    <script type="text/javascript" src="js/bounce.js"></script>
    <script type="text/javascript" src="js/pause.js"></script>
    <script type="text/javascript" src="js/end_game.js"></script>
    <link rel="stylesheet" type="text/css" href="index.css" >
    <meta charset="utf-8">
    <title>Brick Breaker!</title>
  </head>
  <body>
    <h2>Brick Breaker!</h2>
    <div id="canvas-container">
      <canvas id="canvas" width="800" height="400"></canvas>
    </div>
  </body>
</html>

Add script tags for each of the models
Add script tags for each of the models
