commit 5c0dd6a3fac6842974403380267ab38d4ba71079
parent f5d0f579f57a78871b491c72753d1f3af0afe28a
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date: Sat, 4 Apr 2020 13:04:49 -0700
Implement UpdateLocalStorage method.
Diffstat:
2 files changed, 14 insertions(+), 7 deletions(-)
diff --git a/Spanish Quizzer.js b/Spanish Quizzer.js
@@ -8,11 +8,17 @@ var setId = 0; // Next valid set id number
// Load the document
function Load() {
- // Apply dark mode
+ // Load settings
if (localStorage.getItem("darkMode") == "true") {
document.body.classList.toggle("dark");
document.getElementById("settingsDarkMode").checked = true;
}
+ if (localStorage.getItem("readPrompt") == "true") {
+ document.getElementById("settingsReadPrompt").checked = true;
+ }
+ if (localStorage.getItem("repeatPrompt")) {
+ document.getElementById("settingsRepeatPrompts").value = localStorage.getItem("repeatPrompt");
+ }
// Add event Listener
var input = document.getElementById("quizzerInput");
@@ -243,10 +249,11 @@ function settingsSetChanged(setName) {
-// Toggle dark mode
-function toggleDarkMode() {
- document.body.classList.toggle("dark");
- localStorage.setItem("darkMode", document.body.classList.contains("dark"));
+// Update local storage
+function UpdateLocalStorage() {
+ localStorage.setItem("darkMode", document.getElementById("settingsDarkMode").checked);
+ localStorage.setItem("readPrompt", document.getElementById("settingsReadPrompt").checked);
+ localStorage.setItem("repeatPrompt", document.getElementById("settingsRepeatPrompts").value);
}
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
<script src="Spanish Quizzer.js"></script>
</head>
- <body onload="Load()">
+ <body onload="Load()" onbeforeunload="UpdateLocalStorage()">
<div>
<label id="title" onclick="Reload()">Spanish-Quizzer v2.2.0</label>
<noscript>
@@ -74,7 +74,7 @@
<div id="settingsOther">
<label class="label">Quizzer Settings</label>
<br/>
- <input type="checkbox" id="settingsDarkMode" onchange="toggleDarkMode();">
+ <input type="checkbox" id="settingsDarkMode" onchange="document.body.classList.toggle('dark');">
<label class="text" for="settingsDarkMode">Dark Mode</label>
<br/>
<input type="checkbox" id="settingsReadPrompt">
