Update scripts.js

scripts.js

@@ -1,2 +1,90 @@
 // Write your JavaScript code here.
-// Remember to pay attention to page loading!
+// Remember to pay attention to page loading!
+
+
+window.addEventListener("load",function(event){
+let takeoff=document.getElementById("takeoff");
+let status=document.getElementById("flightStatus");
+let background=document.getElementById("shuttleBackground");
+let shuttleHeight=document.getElementById("spaceShuttleHeight");
+let land=document.getElementById("landing");
+let abort=document.getElementById("missionAbort");
+
+let down=document.getElementById("down");
+let up=document.getElementById("top");
+let righ=document.getElementById("right");
+let lef=document.getElementById("left");
+let pad = document.getElementById("rocket");
+
+takeoff.addEventListener("click",function(event){
+    let response=window.confirm("Confirm that the shuttle is ready for takeoff");
+    if(response)
+    {
+        status.innerHTML="Shuttle in flight.";
+        background.style.backgroundColor="blue";
+        shuttleHeight.innerHTML=10000;
+    }
+})
+
+land.addEventListener("click",function(event){
+    let response=window.confirm("The shuttle is landing. Landing gear engaged.");
+    if(response)
+    {
+        status.innerHTML="The shuttle has landed.";
+        background.style.backgroundColor="green";
+        shuttleHeight.innerHTML=0;
+    }
+})
+
+abort.addEventListener("click",function(event){
+    let response=window.confirm("Confirm that you want to abort the mission.");
+    if(response)
+    {
+        status.innerHTML="Mission aborted.";
+        background.style.backgroundColor="green";
+        shuttleHeight.innerHTML=0;
+    }
+})
+
+down.addEventListener("click",function(event){
+    let response=window.confirm("Confirm that the shuttle is ready to going down");
+    if(response)
+    {
+        status.innerHTML="Shuttle in flight.";
+        shuttleHeight.innerHTML=shuttleHeight.innerHTML-10;
+    }
+})
+
+up.addEventListener("click",function(event){
+    let response=window.confirm("Confirm that the shuttle is ready to going up");
+    if(response)
+    {
+        status.innerHTML="Shuttle in flight.";
+        shuttleHeight.innerHTML=parseInt (shuttleHeight.innerHTML) + 10;
+    }
+})
+window.left = 0;
+window.right = 0;
+righ.addEventListener("click",function(event){
+    let response=window.confirm("Confirm that the shuttle is ready to move right");
+    window.left += 10;
+    if(response)
+    {
+        pad.style.paddingLeft= left + "px";
+        console.log("padding left");
+        console.log(window.left);
+    }
+})
+
+lef.addEventListener("click",function(event){
+    let response=window.confirm("Confirm that the shuttle is ready to move left");
+    window.right += 10;
+    if(response)
+    {
+       pad.style.paddingRight= right + "px";
+       console.log("padding right");
+       console.log(window.right);
+    }
+})
+
+})