added dom-and-events directory with exercises

jwoolbright23 · jwoolbright23 · commit 29099a0c9b27 · 2023-10-03T11:23:01.000-05:00
diff --git a/dom-and-events/exercises/index.html b/dom-and-events/exercises/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Flight Simulator</title>
+        <link rel="stylesheet" type="text/css" href="style.css"/>
+        <script src = "script.js"></script>
+    </head>
+    <body>
+        <h1>Flight Simulator</h1>
+        <p id="statusReport">The shuttle is on the ground</p>
+        <button id = "liftoffButton">Take off</button>
+        <button id = "abortMission">Abort mission</button>
+    </body>
+</html>
diff --git a/dom-and-events/exercises/script.js b/dom-and-events/exercises/script.js
@@ -0,0 +1,10 @@
+function init () {
+    const missionAbort = document.getElementById("abortMission");
+    const button = document.getElementById("liftoffButton");
+    const paragraph = document.getElementById("statusReport");
+
+    // Put your code for the exercises here.
+    
+}
+
+window.addEventListener("load", init);
diff --git a/dom-and-events/exercises/style.css b/dom-and-events/exercises/style.css
@@ -0,0 +1,3 @@
+h1 {
+  text-decoration: underline;
+}
