Dom and Events 1

Author: dbenion9

My computer Git Exercises

@@ -0,0 +1 @@
+Subproject commit bf2d4c033c22daed6d16cf4868d508bc56c889d6

css/exercises/HTML-Me-Something-Start

@@ -4,7 +4,28 @@ function init () {
     const paragraph = document.getElementById("statusReport");
 
     // Put your code for the exercises here.
-    
+    // Task 1
+document.getElementById('liftoffButton').addEventListener('click', function() {
+    document.getElementById('status').innerText = 'Houston, we have liftoff!';
+});
+
+// Task 2
+document.getElementById('abortMission').addEventListener('mouseover', function() {
+    this.style.backgroundColor = 'red';
+});
+
+// Task 3
+document.getElementById('abortMission').addEventListener('mouseout', function() {
+    this.style.backgroundColor = '';
+});
+
+// Task 4
+document.getElementById('abortMission').addEventListener('click', function() {
+    if (confirm('Are you sure you want to abort the mission?')) {
+        document.getElementById('status').innerText = 'Mission aborted! Space shuttle returning home.';
+    }
+});
+
 }
 
 window.addEventListener("load", init);