wip

SimiaCryptus · May 16, 2024 · b2741ec · b2741ec
1 parent bd5c810
commit b2741ec
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 3 deletions.
diff --git a/math_practice_1/button.png b/math_practice_1/button.png
diff --git a/math_practice_1/main.js b/math_practice_1/main.js
@@ -7,7 +7,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
 
 let currentQuestion = {};
 let score = 0;
-let difficulty = 'easy'; // Default difficulty level
+let difficulty = loadSettings().difficulty; // Load difficulty from settings
 
 // Initialize the game
 function initGame() {
@@ -94,7 +94,7 @@ function createQuestion(difficulty) {
 // Check the user's answer
 function checkAnswer(selectedAnswer) {
     const feedbackElement = document.getElementById('feedback-message');
-    if (selectedAnswer === currentQuestion.correctAnswer) {
+    if (selectedAnswer == currentQuestion.correctAnswer) { // Use == for type coercion
         score++;
         feedbackElement.innerText = 'Correct!';
     } else {
@@ -110,4 +110,18 @@ function checkAnswer(selectedAnswer) {
 // Get a random integer between min (inclusive) and max (inclusive)
 function getRandomInt(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+// Load settings from local storage
+function loadSettings() {
+    const settings = localStorage.getItem('gameSettings');
+    if (settings) {
+        return JSON.parse(settings);
+    } else {
+        // Default settings
+        return {
+            difficulty: 'easy',
+            sound: true
+        };
+    }
 }
diff --git a/math_practice_1/settings.html b/math_practice_1/settings.html
@@ -3,10 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Game Settings</title>
+     <title>Settings</title>
     <link rel="stylesheet" href="styles.css">
+     <script src="settings.js" defer></script>
 </head>
 <body>
+     <h1>Settings</h1>
+    <form id="settings-form" class="settings">
+         <label for="difficulty">Difficulty:</label>
+         <select id="difficulty" name="difficulty">
     <div class="settings-container">
         <h1>Game Settings</h1>
 
@@ -17,6 +22,13 @@ <h1>Game Settings</h1>
                 <option value="medium">Medium</option>
                 <option value="hard">Hard</option>
             </select>
+         <br>
+         <label for="sound">Sound:</label>
+         <input type="checkbox" id="sound" name="sound">
+         <br>
+         <button type="submit">Save Settings</button>
+     </form>
+     <button onclick="window.location.href='index.html'">Back to Game</button>
         </div>
 
         <div class="setting-option">

diff --git a/math_practice_1/styles.css b/math_practice_1/styles.css
@@ -105,4 +105,23 @@ body {
 
 .instructions button, .settings button {
     margin-top: 20px;
+}
+
+/* Settings Form */
+#settings-form {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+#settings-form label {
+    margin-bottom: 10px;
+}
+
+#settings-form select, #settings-form input {
+    margin-bottom: 20px;
+}
+
+#settings-form button {
+    align-self: center;
 }