0.1.35

another attempt
EDU-MDAnderson · Sep 25, 2023 · 82a10ff · 82a10ff
1 parent 414e7b4
commit 82a10ff
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -35,6 +35,7 @@ <h1>Matthew Anderson</h1>
     </nav>
     <main>
         <h2>WDD 230: Web Frontend Development</h2>
+        <button id="darkModeToggle" onclick="toggleDarkMode()">Toggle Dark Mode</button>
         <section class="card">
             <h3>Learning Activities</h3>
             <ul>

diff --git a/scripts/darkmode.js b/scripts/darkmode.js
@@ -1,5 +1,4 @@
-// darkmode.js
 function toggleDarkMode() {
-    const body = document.body;
-    body.classList.toggle('dark-mode');
+    const main = document.querySelector('main');
+    main.classList.toggle('dark-mode');
   }
diff --git a/styles/base.css b/styles/base.css
@@ -8,7 +8,7 @@ span {background-color: red}
 hr {
     border-top: .25rem solid #000000;
 }
-.dark-mode {
+.dark-mode main {
     background-color: #1f1f1f;
     color: #ffffff;
   }