First commit

Lab 6/script.js

@@ -0,0 +1,31 @@
+(function () {
+  const modePrint = document.querySelector("#mode-print");
+  modePrint.addEventListener("click", () => window.print());
+
+  const themeStealth = document.querySelector("#theme-stealth");
+  const header = document.querySelector("body > header > h1");
+  const body = document.querySelector("body");
+  themeStealth.addEventListener("click", () => {
+    body.classList.toggle("stealth");
+    if (body.classList.contains("stealth")) {
+      header.innerText += "(Stealth Mode)";
+    } else {
+      header.innerText = "Header";
+    }
+  });
+
+  const articleH3s = document.querySelectorAll("article > h3");
+  articleH3s.forEach((element) => {
+    element.addEventListener("click", (event) => {
+      event.target.nextElementSibling.hidden =
+        !event.target.nextElementSibling.hidden;
+    });
+  });
+  /* TODO: Add a click event listener to the article h3 titles. When
+   * clicked, make the text of the associated p element hidden. HINT:
+   * event listener callback functions receive an event parameter
+   * object. event.target will refer to the object clicked (i.e., the
+   * h3 title). If you print that element out to the console, you can
+   * examine its fields to find how to access the p element that
+   * follows. */
+})();