diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..3303f9bac 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,34 @@ -function setAlarm() {} +function setAlarm() { + let timer; + + const input = document.getElementById("alarmSet").value; + let timeLeft = Number(input); + + updateDisplay(timeLeft); + + clearInterval(timer); + + timer = setInterval(() => { + timeLeft--; + + updateDisplay(timeLeft); + + if (timeLeft <= 0) { + clearInterval(timer); + playAlarm(); + document.body.style.backgroundColor = "red"; + } + }, 1000); +} + +function updateDisplay(secondsLeft) { + const heading = document.getElementById("timeRemaining"); + + const minutes = Math.floor(secondsLeft / 60); + const seconds = secondsLeft % 60; + + heading.innerText = `Time Remaining: ${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`; +} // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..8050fca15 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -491,3 +491,16 @@ const quotes = [ ]; // call pickFromArray with the quotes array to check you get a random quote + +const quoteElement = document.getElementById("quote"); +const authorElement = document.getElementById("author"); + +function displayQuote() { + const randomQuote = pickFromArray(quotes); + quoteElement.textContent = randomQuote.quote; + authorElement.textContent = randomQuote.author; +} +displayQuote(); +const button = document.getElementById("new-quote"); + +button.addEventListener("click", displayQuote);