completed - working on Bonus Mission

Author: Charlene Tran

dom-and-events/studio-CT/scripts.js

@@ -12,13 +12,17 @@ function init () {
     const buttonLeft = this.document.getElementById("left");
     const rocket = this.document.getElementById("rocket"), left = 0;
 
-
-
     let flightStatus = this.document.getElementById("flightStatus")
     let shuttleBackgroundColor = this.document.getElementById("shuttleBackground");
     let shuttleHeightMiles = this.document.getElementById("spaceShuttleHeight");
+    let currentPosition = 0;
+    let currentShuttleHeight = 0;
+    
+    rocket.style.left = "0";
+    rocket.style.position = "absolute";
 
 
+    // When "Take off" button is clicked
     buttonTakeOff.addEventListener("click", function(event) {
         let response = window.confirm("Confirm that the shuttle is ready for takeoff.");
 
@@ -30,16 +34,19 @@ function init () {
     });
 
 
+    // When "Land" button is clicked
     buttonLanding.addEventListener("click", function(event) {
         window.alert("The shuttle is landing. Landing gear engaged.");
 
         flightStatus.innerHTML = "The shuttle has landed.";
         shuttleBackgroundColor.style.backgroundColor = "green";
         shuttleHeightMiles.innerHTML = "0";
 
+
     });
 
 
+    // When "Abort Mission" button is clicked
     buttonMissionAbort.addEventListener("click", function(event) {
         let response = window.confirm("Confirm that you want to abort the mission.");
 
@@ -50,31 +57,51 @@ function init () {
         }
     });
 
-   
+
+    // When "Right" button is clicked
     buttonRight.addEventListener("click", function(event) {
 
-        rocket.style.position = "absolute";
-        let currentPosition = parseInt(rocket.style.left);
-        
-        rocket.style.left = currentPosition + 10;
-
+        currentPosition = parseInt(rocket.style.left);
+        rocket.style.left = (currentPosition + 10) + "px";
 
-        console.log(typeof rocket.style.position);
+        console.log(rocket.style.left);                                 // Used for testing output
+    });
 
-        console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~");
 
-        console.log(rocket.style.left);
-        console.log(typeof rocket.style.left);
+    // When "Left" button is clicked
+    buttonLeft.addEventListener("click",function(event) {
 
-        // rocket.setAttribute("right", rightPosition);
+        currentPosition = parseInt(rocket.style.left);
 
+        if (currentPosition > 0) {
+            rocket.style.left = (currentPosition - 10) + "px";
+        } else {
+            console.log("Unable to move LEFT. Try again!");
+        }
+    
+        console.log(rocket.style.left);
     });
 
 
+    // When "Up" button is clicked
+    buttonUp.addEventListener("click", function(event) {
 
+        currentShuttleHeight = parseInt(shuttleHeightMiles.innerHTML);
+        shuttleHeightMiles.innerHTML = currentShuttleHeight + 10000;
+         
+    });
 
 
-
+    // When "Down" button is clicked
+    buttonDown.addEventListener("click", function(event) {
+        currentShuttleHeight = parseInt(shuttleHeightMiles.innerHTML);
+        
+        if (currentShuttleHeight > 10) {
+            shuttleHeightMiles.innerHTML = currentShuttleHeight - 10000;
+        } else {
+            console.log("Unable to move DOWN, Try again!");
+        }
+    });
 };