completed studio pt 1-2

June Lee · June Lee · commit c20ccc2cf4ae · 2024-03-03T20:29:42.000-06:00
diff --git a/dom-and-events/studio/index.html b/dom-and-events/studio/index.html
@@ -37,4 +37,4 @@ <h3>Space Shuttle Height</h3>
             <button id = "missionAbort">Abort Mission</button>
         </div>
     </body>
-</html>
+</html> 
diff --git a/dom-and-events/studio/scripts.js b/dom-and-events/studio/scripts.js
@@ -1,2 +1,28 @@
-// Write your JavaScript code here.
-// Remember to pay attention to page loading!
+function gitLit(){
+const takeoff = document.getElementById("takeoff");
+const flightStatus = document.getElementById("flightStatus");
+const shuttleBackground = document.getElementById("shuttleBackground");
+const spaceShuttleHeight = document.getElementById("spaceShuttleHeight");
+
+const land = document.getElementById("landing"); 
+
+takeoff.addEventListener('click', event =>{
+    let response  =window.confirm("Confirm that the shuttle is ready for takeoff.");
+    
+    if(response){
+        flightStatus.innerHTML = "Shuttle in flight.";
+        shuttleBackground.style.backgroundColor = "blue";
+        spaceShuttleHeight.innerHTML = 10000;
+    }
+});
+
+land.addEventListener('click', event => {
+    let response = window.confirm("The shuttle is landing. Landing gear engaged.");
+
+    if(response){
+        flightStatus.innerHTML = "The shuttle has landed.";
+    }
+})
+
+}
+window.addEventListener("load", gitLit);

-Original file line number
+Diff line change
             <button id = "missionAbort">Abort Mission</button>
         </div>
     </body>
 -</html>
 +</html>