idk.html


<!DOCTYPE html>
<html lang='en' width="100%" height="100%">

    <head>
        <meta charset='UTF-8' />
        <title>Ellipse moving</title>
        <link rel='stylesheet' href='idk-styles.css' />
    </head>
    <script src="JS/idk.js"></script>
    <script>
        window.onload = function () {
            //run parameter1 function every parameter2 milliseconds; add the function's arguments as optional parameters after parameter2
            doAnimation();
            //doAnimation();
        }
    </script>

    <style>
        #background-rect {
            height: 100%; width: 100%;
        
          /*position: absolute;*/
        }
    </style>
    
    <body width="100%" height="100%" margin="0">
            <h1 id="counter-display">
                0
            </h1>
            <svg id="svg-display" width="100%" height="100%" margin="0" >
                <rect id="background-rect" width="100%" height="100%" fill="#d4f6ff"></rect>
                <rect width="100px" height="200px" x="10px" y="76px" fill="#000000" id='test-rect'></rect>
                <ellipse rx="100px" ry="200px" cx="200px" cy="200px" fill="red" id='test-ellipse'></ellipse>
                <ellipse rx="50px" ry="50px" cx="200px" cy="200px" fill="cyan" id='test-ball'></ellipse>
           </svg>
    </body>
</html>