CodeYourFuture · Giosef92 · Mar 15, 2025
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,55 @@
-function setAlarm() {}
+function setAlarm() {
+  let timeInput = document.getElementById("alarmSet").value;
+  let timeRemaining = document.getElementById("timeRemaining");
+  let seconds = parseInt(timeInput);
+
+  if (isNaN(seconds) || seconds <= 0) {
+    alert("Please enter a valid number of seconds.");
+    return;
+  }
+
+  let countdown;
+
+  function updateDisplay() {
+    let minutes = Math.floor(seconds / 60);
+    let secs = seconds % 60;
+    timeRemaining.innerText = `Time Remaining: ${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+  }
+
+  updateDisplay();
+
+  countdown = setInterval(() => {
+    seconds--;
+    updateDisplay();
+
+    if (seconds <= 0) {
+      clearInterval(countdown);
+      playAlarm();
+    }
+  }, 1000);
+
+  document.getElementById("stop").addEventListener("click", () => {
+    clearInterval(countdown);
+    pauseAlarm();
+  });
+
+  document.getElementById("pause").addEventListener("click", () => {
+    clearInterval(countdown);
+  });
+
+  document.getElementById("resume").addEventListener("click", () => {
+      countdown = setInterval(() => {
+        seconds--;
+        updateDisplay();
+
+        if (seconds <= 0) {
+          clearInterval(countdown);
+          playAlarm();
+        }
+      }, 1000);
+  });
+}
+
 
 // DO NOT EDIT BELOW HERE
 
@@ -22,4 +73,4 @@ function pauseAlarm() {
   audio.pause();
 }
 
-window.onload = setup;
+window.onload = setup;
diff --git a/Sprint-3/alarmclock/alarmclock.test.js b/Sprint-3/alarmclock/alarmclock.test.js
@@ -1,4 +1,4 @@
-/* ======= TESTS - DO NOT MODIFY ===== 
+ /* ======= TESTS - DO NOT MODIFY ===== 
 There are some Tests in this file that will help you work out if your code is working.
 */
 

diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html
@@ -17,4 +17,4 @@ <h1 id="timeRemaining">Time Remaining: 00:00</h1>
     </div>
     <script src="alarmclock.js"></script>
   </body>
-</html>
+</html> 
diff --git a/Sprint-3/alarmclock/jest.setup.js b/Sprint-3/alarmclock/jest.setup.js
@@ -1 +1,2 @@
 require("@testing-library/jest-dom");
+
diff --git a/Sprint-3/alarmclock/package.json b/Sprint-3/alarmclock/package.json
@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "license": "CC-BY-SA-4.0",
   "description": "You must update this package",
-  "scripts": {
+  "scripts": { 
     "test": "jest"
   },
   "repository": {

diff --git a/Sprint-3/alarmclock/readme.md b/Sprint-3/alarmclock/readme.md
@@ -15,7 +15,7 @@ When the `Time Remaining` reaches `00:00` the alarm should play a sound. You can
 
 You can stop the alarm sound by pressing the `Stop Alarm` button.
 
-## Need Help?
+## Need Help? 
 
 Only read this section if you really need to! It's good to work this out for yourself.
 

diff --git a/Sprint-3/alarmclock/style.css b/Sprint-3/alarmclock/style.css
@@ -13,3 +13,4 @@
 h1 {
   text-align: center;
 }
+
diff --git a/Sprint-3/package.json b/Sprint-3/package.json
@@ -7,7 +7,7 @@
     "test": "jest --testMatch='**/*.js'",
     "format": "prettier --write ."
   },
-  "jest": {
+  "jest": { 
     "testPathIgnorePatterns": [
       "alarmclock",
       "highlight-words",

diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html
@@ -1,15 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Title here</title>
+    <title>Quote generator app</title>
+    <link rel="stylesheet" href="style.css">
     <script defer src="quotes.js"></script>
-  </head>
-  <body>
-    <h1>hello there</h1>
-    <p id="quote"></p>
-    <p id="author"></p>
-    <button type="button" id="new-quote">New quote</button>
-  </body>
-</html>
+</head>
+<body>
+    <div class="quote-container">
+        <p id="quote"></p>
+        <p id="author"></p>
+        <button type="button" id="new-quote">New quote</button>
+        <div>
+            <label for="auto-generate">Auto-generate quotes:</label>
+            <input type="checkbox" id="auto-generate" />
+            <span id="auto-play-status">Auto-play: OFF</span>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/Sprint-3/quote-generator/jest.setup.js b/Sprint-3/quote-generator/jest.setup.js
@@ -1 +1,2 @@
 require("@testing-library/jest-dom");
+
diff --git a/Sprint-3/quote-generator/package.json b/Sprint-3/quote-generator/package.json
@@ -4,7 +4,7 @@
   "license": "CC-BY-SA-4.0",
   "description": "You must update this package",
   "scripts": {
-    "test": "jest"
+    "test": "jest" 
   },
   "repository": {
     "type": "git",
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,4 +17,4 @@ <h1 id="timeRemaining">Time Remaining: 00:00</h1> @@
         </div>
         <script src="alarmclock.js"></script>
       </body>
-    </html>
+    </html>