final bouncing box

Author: SebastianRodriguezA

fsd-projects/bouncing-box/index.html

@@ -5,10 +5,15 @@
     <title>Bouncing Box</title>
     <script src="jquery.min.js"></script>
     <style>
+      body {
+        background-image: url("https://cdnb.artstation.com/p/assets/images/images/043/396/311/large/eugene-ball-animation-background.jpg?1637151506");
+        background-color: #555;
+      }
       .box {
-        width: 70px;
-        height: 70px;
-        background-color: teal;
+        width: 200px;
+        height: 200px;
+        background-image:url("https://pngimg.com/uploads/birds/birds_PNG115.png");
+        background-color: #5B9C99;
         font-size: 300%;
         text-align: center;
         user-select: none;
@@ -69,9 +74,9 @@
         //////////////////////////////////////////////////////////////////
 
         // TODO 2 - Variable declarations
-
-
-
+        var positionX = 0;
+        var points = 0;
+        var speed = 10;
 
 
         /**
@@ -80,9 +85,15 @@
          * If the box drifts off the screen, turn it around!
          */
         function update() {
-
-        
-
+          moveBoxTo(positionX); //Moves the box to x-position 200
+          positionX = positionX += speed;
+          if (positionX > boardWidth) {
+            speed *= -1;
+          }
+          
+          else if (positionX < 0){
+            speed*= -1;
+          }
 
         }
 
@@ -93,11 +104,11 @@
          * - increase the speed
          * - move the box to the left side of the screen.
          */
-        function handleBoxClick() {
-
-
-
-
+        function handleBoxClick() { 
+          positionX = 0;
+          changeBoxText(points);
+          points++;
+          speed = 3 * points + 10;
         }