diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
index 6ca81cd3b..edb5679cc 100644
--- a/Sprint-3/alarmclock/alarmclock.js
+++ b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,35 @@
-function setAlarm() {}
+function setAlarm() {
+ let time = Number(document.getElementById("alarmSet").value);
+
+ let heading = document.getElementById("timeRemaining");
+
+ let minutes = Math.floor(time / 60);
+ let seconds = time % 60;
+
+ heading.innerText =
+ "Time Remaining: " +
+ String(minutes).padStart(2, "0") +
+ ":" +
+ String(seconds).padStart(2, "0");
+
+ let timer = setInterval(function () {
+ time = time - 1;
+
+ let minutes = Math.floor(time / 60);
+ let seconds = time % 60;
+
+ heading.innerText =
+ "Time Remaining: " +
+ String(minutes).padStart(2, "0") +
+ ":" +
+ String(seconds).padStart(2, "0");
+
+ if (time === 0) {
+ playAlarm();
+ clearInterval(timer);
+ }
+ }, 1000);
+}
// DO NOT EDIT BELOW HERE
diff --git a/Sprint-3/alarmclock/alarmclock.test.js b/Sprint-3/alarmclock/alarmclock.test.js
index 85b7356dc..1122134db 100644
--- a/Sprint-3/alarmclock/alarmclock.test.js
+++ b/Sprint-3/alarmclock/alarmclock.test.js
@@ -102,3 +102,4 @@ test("should play audio when the timer reaches zero", () => {
expect(mockPlayAlarm).toHaveBeenCalledTimes(1);
});
+
diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html
index 48e2e80d9..ff2d3b453 100644
--- a/Sprint-3/alarmclock/index.html
+++ b/Sprint-3/alarmclock/index.html
@@ -4,7 +4,7 @@
- Title here
+ Alarm clock app
diff --git a/Sprint-3/alarmclock/package.json b/Sprint-3/alarmclock/package.json
index e1331e071..703c0bdf9 100644
--- a/Sprint-3/alarmclock/package.json
+++ b/Sprint-3/alarmclock/package.json
@@ -15,3 +15,4 @@
},
"homepage": "https://github.com/CodeYourFuture/CYF-Coursework-Template#readme"
}
+
diff --git a/Sprint-3/alarmclock/readme.md b/Sprint-3/alarmclock/readme.md
index c00a20c9c..fe39230c2 100644
--- a/Sprint-3/alarmclock/readme.md
+++ b/Sprint-3/alarmclock/readme.md
@@ -30,3 +30,4 @@ If you have time and want to do more why not try
- Make the background change color when the alarm clock finishes
- Try making the background flash!
- Could you add `pause` functionality so that the count down stops and then you restart it later?
+
diff --git a/Sprint-3/alarmclock/style.css b/Sprint-3/alarmclock/style.css
index 0c72de38b..feb82fffc 100644
--- a/Sprint-3/alarmclock/style.css
+++ b/Sprint-3/alarmclock/style.css
@@ -13,3 +13,4 @@
h1 {
text-align: center;
}
+