CodeYourFuture · AbiyaY · Oct 22, 2021 · Oct 22, 2021
diff --git a/InClass/Callbacks/exercise-1/exercise.js b/InClass/Callbacks/exercise-1/exercise.js
@@ -11,3 +11,17 @@ Update your code to make the colour change every 5 seconds to something differen
 Prefer to work on a codepen? https://codepen.io/makanti/pen/abOreLg
 ================
 */
+
+
+setTimeout(() => {
+  document.body.style.background = "blue"
+}, 5000);
+
+let colors = ["red", "green", "yellow", "blue", "pink"];
+let index = 0;
+function change() {
+  document.body.style.background = colors[index];
+  index = (index = 1) % colors.length;
+}
+
+setInterval(change, 5000);
diff --git a/InClass/Callbacks/exercise-2/exercise.js b/InClass/Callbacks/exercise-2/exercise.js
@@ -66,3 +66,18 @@ const movies = [
 // create a new movie object for your favorite movie
 
 // create addMovies function
+
+function display(movie) {
+  let list = document.getElementById("all-movies");
+  var entry = document.createElement('li');
+  entry.innerHTML = `<strong> ${movie.title} </strong> ${movie.director} <em>${movie.type}</em>`;
+  list.appendChild(entry);
+}
+
+function showMovies() {
+  movies.forEach((movie, index) => {
+    setTimeout(display, index * 2000, movie)
+  });
+}
+
+showMovies();
diff --git a/mandatory/1-alarmclock/alarmclock.js b/mandatory/1-alarmclock/alarmclock.js
@@ -1,4 +1,25 @@
-function setAlarm() {}
+function setAlarm() {
+  let input = document.querySelector("#alarmSet").value;
+  let timeRemaining = document.querySelector("#timeRemaining");
+
+
+
+  function setTimer() {
+    if(input > 0){
+      input --;
+      let minutes = Math.floor(input/60);
+      let seconds = input % 60;
+      timeRemaining.innerText = `Time Remaining: 0${minutes} : 0${seconds}`;
+
+      if (input === 0){
+        playAlarm();
+      }
+    }
+
+  }
+  setInterval(setTimer, 1000);
+}
+
 
 // DO NOT EDIT BELOW HERE
 

diff --git a/mandatory/2-quotegenerator/index.html b/mandatory/2-quotegenerator/index.html
@@ -12,6 +12,7 @@
   </head>
   <body>
     <!-- Write your HTML in here -->
+    <div id="quote"></div>
     <script src="quotes.js"></script>
   </body>
 </html>
diff --git a/mandatory/2-quotegenerator/quotes.js b/mandatory/2-quotegenerator/quotes.js
@@ -1,3 +1,17 @@
+let quote = document.querySelector("#quote");
+let h1El = document.createElement("h1");
+h1El.innerText = "Quote Generator:";
+quote.appendChild(h1El);
+let buttonEl = document.createElement("button");
+buttonEl.innerText = "New Quote";
+quote.appendChild(buttonEl);
+buttonEl.addEventListener("click", () => {
+  let randomQuotes = quotes[Math.floor(Math.random() * quotes.length)];
+  let pEl = document.createElement("p");
+  pEl.innerText = `${randomQuotes.quote} \n Author: ${randomQuotes.author}`;
+  quote.appendChild(pEl);
+});
+
 // DO NOT EDIT BELOW HERE
 
 // A function which will return one item, at