abort mission

Author: Pauts178

dom-and-events/exercises/script.js

@@ -4,7 +4,26 @@ function init () {
     const paragraph = document.getElementById("statusReport");
 
     // Put your code for the exercises here.
-    
+    button.addEventListener('click', function () {
+        paragraph.innerHTML = 'Houston! We have liftoff!';
+    })
+
+    missionAbort.addEventListener('mouseover', function ( event ) {
+        missionAbort.style.backgroundColor = 'red'
+    })
+
+    missionAbort.addEventListener('mouseout', function ( event ) {
+        missionAbort.style.backgroundColor = ''
+    })
+
+    missionAbort.addEventListener('click', function (event) {
+    //    window.confirm('Are you sure you want to abort the mission?');
+       if (window.confirm('Are you sure you want to abort the mission?') == true) {
+        paragraph.innerHTML = 'Mission Aborted! Space shuttle returning home.'
+       }
+    })
+
+
 }
 
 window.addEventListener("load", init);

dom-and-events/exercises/style.css

@@ -1,3 +1,12 @@
 h1 {
   text-decoration: underline;
+  font-size: 100px;
 }
+
+p {
+  font-size: 90px;
+}
+
+button {
+  font-size: 80px;
+}