dom and events

tdubey12 · tdubey12 · commit 2edeb929817e · 2023-10-28T16:09:59.000-05:00
diff --git a/dom-and-events/exercises/index.html b/dom-and-events/exercises/index.html
@@ -3,7 +3,7 @@
     <head>
         <title>Flight Simulator</title>
         <link rel="stylesheet" type="text/css" href="style.css"/>
-        <script src = "script.js"></script>
+        <script src = "C:\Users\tdube\Desktop\trylaunchcode\javascript-projects\dom-and-events\exercises\script.js"></script>
     </head>
     <body>
         <h1>Flight Simulator</h1>
diff --git a/dom-and-events/exercises/script.js b/dom-and-events/exercises/script.js
@@ -4,7 +4,22 @@ function init () {
     const paragraph = document.getElementById("statusReport");
 
     // Put your code for the exercises here.
-    
+    button.addEventListener('click', event => {
+        paragraph.innerHTML = 'Houston! We have liftoff!';
+     });
+     missionAbort.addEventListener("mouseover", event =>{
+        event.target.style.backgroundColor ="red";
+     });
+     missionAbort.addEventListener("mouseout", event =>{
+        event.target.style.backgroundColor ="";
+     });
+    missionAbort.addEventListener('click', event => {
+        let abort=window.confirm("Are you sure you want to abort the mission?");
+        if (abort){
+            paragraph.innerHTML ="Mission aborted! Space shuttle returning home";
+        }
+     });
+     
 }
 
 window.addEventListener("load", init);
