created, added Exercises duplicate file for CT-edit

Charlene Tran · Charlene Tran · commit 270f9b4f83c2 · 2024-08-04T01:52:55.000-05:00
diff --git a/css/exercises-CT/index.html b/css/exercises-CT/index.html
@@ -9,7 +9,7 @@
       body {
         background-color: yellow;
       }
-      
+
       h1 {
         font-size: 36px;
         /* text-align: center; */
diff --git a/dom-and-events/exercises-CT/index.html b/dom-and-events/exercises-CT/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-CT/script.js b/dom-and-events/exercises-CT/script.js
@@ -0,0 +1,35 @@
+function init () {
+    const missionAbort = document.getElementById("abortMission");
+    const button = document.getElementById("liftoffButton");
+    const paragraph = document.getElementById("statusReport");
+
+    // Put your code for the exercises here.
+
+    button.addEventListener("click", function(event) {
+        paragraph.innerHTML = "Houston, we have liftoff!";
+        // console.log(paragraph);
+    });
+
+    missionAbort.addEventListener("mouseover", function(event) {
+        missionAbort.style.backgroundColor = "red";
+        console.log("Click to ABORT MISSION!");
+
+    });
+
+    missionAbort.addEventListener("mouseout", function(event) {
+        missionAbort.style.backgroundColor = "";
+    });
+
+    missionAbort.addEventListener("click", function(event) {
+        let response = window.confirm("Are you sure you want to abort the mission?");
+
+        if (response) {
+            paragraph.innerHTML = "Mission aborted! Space shuttle returning home";
+        } else {
+            paragraph.innerHTML = "Mission is NOT aborted! Space shuttle en route!";
+        }
+    });
+        
+}
+
+window.addEventListener("load", init);
diff --git a/dom-and-events/exercises-CT/style.css b/dom-and-events/exercises-CT/style.css
@@ -0,0 +1,3 @@
+h1 {
+  text-decoration: underline;
+}

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`body {`
`10`	`10`	`background-color: yellow;`
`11`	`11`	`}`
`12`		`-`
	`12`	`+`
`13`	`13`	`h1 {`
`14`	`14`	`font-size: 36px;`
`15`	`15`	`/* text-align: center; */`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+h1 {`
	`2`	`+ text-decoration: underline;`
	`3`	`+}`