BouncyBallExample.html

<!DOCTYPE HTML>
<html>
    <head>
        <title>Bouncy Ball Example</title>
        <style>
            html, body {
              width: 100%;
              height: 100%;
              margin: 0px;
              border: 0;
              overflow: hidden; /*  Disable scrollbars */
              display: block;  /* No floating content on sides */
            }
        </style>
    </head>
    <body>
        <canvas id="bouncy-ball" height="300" width="300" style="background-color: #DDDDFF"></canvas>
        <script src="BouncyBallGame.js"></script>
        <script>
            var bouncyBallsCanvas = document.getElementById("bouncy-ball");
            var canvasContext = bouncyBallsCanvas.getContext("2d");
            window.addEventListener('resize', resizeCanvas, false);
            function resizeCanvas() {
                bouncyBallsCanvas.width = window.innerWidth;
                bouncyBallsCanvas.height = window.innerHeight;
            }
            resizeCanvas();
        </script>
    </body>
</html>