index.html

<html>
  <head>
    <title>
      HTML5 Canvas Bouncing Balls
    </title>
    <style>
      button {
        width: 53px;
      }

      img{
        width:25px;
        height: 25px;
      }
    </style>
  </head>
  <bod>
    <canvas
      id="canvas"
      width="160px;"
      height="150px;"
      style="border: 3px solid green;background-color: orange"
    ></canvas>
    <br />
    <div style="width:169px;">
      <button onclick="startAnimation();"> <img src="play.png" /></button><button onclick="stopAnimation();" style="margin-left: 2.5px;margin-right: 2.5px;" > <img src="pause.svg" /></button><button onclick="addMoreElements();"><img src="add-icon.png" /></button>
    </div>
    <div>
        <h3>Total : <label id="lblTotal"></label> </h3>
    </div>
    <script type="text/javascript" src="Animation.js"></script>
  </bod>
</html>