From 29099a0c9b27d61ec7eef7ddd98fe4f0fdfcc723 Mon Sep 17 00:00:00 2001 From: John Woolbright Date: Tue, 3 Oct 2023 11:23:01 -0500 Subject: [PATCH 1/2] added dom-and-events directory with exercises --- dom-and-events/exercises/index.html | 14 ++++++++++++++ dom-and-events/exercises/script.js | 10 ++++++++++ dom-and-events/exercises/style.css | 3 +++ 3 files changed, 27 insertions(+) create mode 100644 dom-and-events/exercises/index.html create mode 100644 dom-and-events/exercises/script.js create mode 100644 dom-and-events/exercises/style.css diff --git a/dom-and-events/exercises/index.html b/dom-and-events/exercises/index.html new file mode 100644 index 0000000000..5a4fbd916d --- /dev/null +++ b/dom-and-events/exercises/index.html @@ -0,0 +1,14 @@ + + + + Flight Simulator + + + + +

Flight Simulator

+

The shuttle is on the ground

+ + + + diff --git a/dom-and-events/exercises/script.js b/dom-and-events/exercises/script.js new file mode 100644 index 0000000000..de6b630519 --- /dev/null +++ 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 new file mode 100644 index 0000000000..b2d3dc07c3 --- /dev/null +++ b/dom-and-events/exercises/style.css @@ -0,0 +1,3 @@ +h1 { + text-decoration: underline; +} From f2c92eeb2d228b688031ae7152c79ee91bee9f68 Mon Sep 17 00:00:00 2001 From: John Woolbright Date: Tue, 3 Oct 2023 11:27:36 -0500 Subject: [PATCH 2/2] added starter code for studio to dom-and-events --- .../studio/LaunchCode_rocketline_white.png | Bin 0 -> 17232 bytes dom-and-events/studio/index.html | 40 ++++++++++++++++++ dom-and-events/studio/scripts.js | 2 + dom-and-events/studio/styles.css | 30 +++++++++++++ 4 files changed, 72 insertions(+) create mode 100644 dom-and-events/studio/LaunchCode_rocketline_white.png create mode 100644 dom-and-events/studio/index.html create mode 100644 dom-and-events/studio/scripts.js create mode 100644 dom-and-events/studio/styles.css diff --git a/dom-and-events/studio/LaunchCode_rocketline_white.png b/dom-and-events/studio/LaunchCode_rocketline_white.png new file mode 100644 index 0000000000000000000000000000000000000000..07174271f34b51f511ff3a8a7f10e01f5293889a GIT binary patch literal 17232 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 + + + Flight Simulator + + + + +
+

Flight Simulator

+

Current Flight Status

+

Space shuttle ready for takeoff

+

Shuttle Trajectory

+
+
+
+

Fuel Levels

+

Tank Full

+

Astronaut Chat

+

Houston, we are ready when you are!

+
+
+ +
+
+ + + + +

Space Shuttle Height

+

0

miles +
+
+
+ + + +
+ + \ No newline at end of file diff --git a/dom-and-events/studio/scripts.js b/dom-and-events/studio/scripts.js new file mode 100644 index 0000000000..45c9b3a9d1 --- /dev/null +++ b/dom-and-events/studio/scripts.js @@ -0,0 +1,2 @@ +// Write your JavaScript code here. +// Remember to pay attention to page loading! diff --git a/dom-and-events/studio/styles.css b/dom-and-events/studio/styles.css new file mode 100644 index 0000000000..cc932dd89d --- /dev/null +++ b/dom-and-events/studio/styles.css @@ -0,0 +1,30 @@ +#shuttleBackground { + background-color: green; + display: inline-block; + height: 80%; + width: 40%; + position: relative; +} + +#flightStatus { + color: green; +} + +#flightDisplay { + text-align: center; + height: 400px; + width: 100%; +} + +#spaceShuttleHeight { + display: inline-block; +} + +.center-block { + text-align: center; + display: inline-block; +} + +.centered { + text-align: center; +} \ No newline at end of file