spanish-quizzer

commit 6120de378cc00d2b0cda7e2963032baa214fb035
parent 0bcd68bf79db4a6b646b7b02c9a105a02021e066
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Sat,  4 Apr 2020 10:06:24 -0700

Implement dark mode in localstorage.

Diffstat:
M
Spanish Quizzer.js
 | 
14
++++++++++++++
M
index.html
 | 
2
+-

2 files changed, 15 insertions(+), 1 deletion(-)
diff --git a/Spanish Quizzer.js b/Spanish Quizzer.js
@@ -8,6 +8,12 @@ var setId = 0;  // Next valid set id number
 
 // Load the document
 function Load() {
+    // Apply dark mode
+    if (localStorage.getItem("darkMode") == "true") {
+        document.body.classList.toggle("dark");
+        document.getElementById("settingsDarkMode").checked = true;
+    }
+
     // Add event Listener
     var input = document.getElementById("quizzerInput");
     input.addEventListener("keydown", function (e) {
@@ -237,6 +243,14 @@ function settingsSetChanged(setName) {
 
 
 
+// Toggle dark mode
+function toggleDarkMode() {
+    document.body.classList.toggle("dark");
+    localStorage.setItem("darkMode", document.body.classList.contains("dark"));
+}
+
+
+
 // Shuffle the list of terms
 function ShuffleTerms() {
     var currentIndex = Terms.length, temporaryValue, randomIndex;
diff --git a/index.html b/index.html
@@ -74,7 +74,7 @@
             <div id="settingsOther">
                 <label class="label">Quizzer Settings</label>
                 <br/>
-                <input type="checkbox" id="settingsDarkMode" onchange="document.body.classList.toggle('dark');">
+                <input type="checkbox" id="settingsDarkMode" onchange="toggleDarkMode();">
                 <label class="text" for="settingsDarkMode">Dark Mode</label>
                 <br/>
                 <input type="checkbox" id="settingsReadPrompt">