Auto commit by script on 2024-01-02 12:37:23

index.html

@@ -23,6 +23,7 @@ <h3>The dot in the middle indicates that your phone is centered.</h3>
  <h2>Press start to begin!</h2>
  <button class="rounded-button" id="start-button">Start</button>
 </div>
+<script src="script/global.js"></script>
 <script src="lib/modernizr-custom.js"></script>
 <script src="script/models/category.js"></script>
 <script src="script/start.js"></script>

script/global.js

@@ -1,3 +1,12 @@
-const stopWatch = new Stopwatch();
-let correct_answers = 0;
-let category = 9; //init
+const SECONDS = "seconds";
+const CORRECT_ANSWERS = "correct_answers"
+const CATEGORY = "category";
+
+function saveState(key, value) {
+ localStorage.setItem(key, JSON.stringify(value));
+}
+
+function getState(key) {
+ const savedState = localStorage.getItem(key);
+ return savedState ? JSON.parse(savedState) : null;
+}

script/question.js

@@ -5,6 +5,10 @@ const stopwatch_text = document.getElementById("stopwatch");
 
 let current_question = null;
 let questions;
+let correct_answers;
+let stopWatch = new Stopwatch();
+let category = getState(CATEGORY);
+
 
 activateFullscreenOverlay(`<h3>Loading questions...</h3>`)
 console.log(`https://opentdb.com/api.php?amount=10&type=multiple&category=${category}`);
@@ -32,6 +36,8 @@ function setQuestion() {
  if (length === 0) {
  done = true;
  stopWatch.stop();
+ saveState(SECONDS, stopWatch.seconds);
+ saveState(CORRECT_ANSWERS, correct_answers);
  window.location.href = "result.html";
  return;
  }

script/start.js

@@ -4,8 +4,7 @@ if (Modernizr.deviceorientation) {
  loadCategories().then(r => {
 
  category_menu.addEventListener("change", (event) => {
- category = category_menu.value;
- console.log(category);
+ saveState(CATEGORY, category_menu.value);
  })
  document.getElementById('start-button').addEventListener('click', onStart);
  });