CodeYourFuture · zision71 · Jul 16, 2020
diff --git a/week-8/Homework/mandatory/1-practice/1-practice.md b/week-8/Homework/mandatory/1-practice/1-practice.md
@@ -26,6 +26,10 @@ The following endpoint is publicly available from Github
 
 <!-- Write your answer here -->
 
+`{owner user id} {repo name} {pull request number}`
+
 2. Describe in a sentence what this API endpoint returns when all of the fields are completed?
 
 <!-- Write your answer here -->
+
+Data stored in this endpoint.
diff --git a/week-8/Homework/mandatory/2-fetch-exercise/exercise.js b/week-8/Homework/mandatory/2-fetch-exercise/exercise.js
@@ -17,10 +17,13 @@ Open index.html in your browser. Every time you refresh the page,
 a different greeting should be displayed in the box.
 */
 
-fetch('*** Write the API address here ***')
-    .then(function(response) {
-        return response.text();
-    })
-    .then(function(greeting) {
-        // Write the code to display the greeting text here
-    });
+fetch("https://codeyourfuture.herokuapp.com/api/greetings")
+  .then(function (response) {
+    return response.text();
+  })
+  .then(function (greeting) {
+    // Write the code to display the greeting text here
+    let pEl = document.getElementById("greeting-text");
+    console.log(pEl);
+    pEl.innerText = greeting;
+  });
diff --git a/week-8/Homework/mandatory/2-fetch-exercise/index.html b/week-8/Homework/mandatory/2-fetch-exercise/index.html
@@ -1,28 +1,28 @@
-<!doctype html>
+<!DOCTYPE html>
 
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>CodeYourFuture - Fetch</title>
-  <meta name="description" content="Introduction to Fetch">
-  <meta name="author" content="CodeYourFuture">
-  <style>
-  #greeting-text {
-    font-size: 20px;
-    border: 1px solid #ccc;
-    background-color: #ddd;
-    width: 20%;
-    text-align: center;
-    margin: 0 50px;
-    padding: 30px;
-  }
-  </style>
-</head>
+  <head>
+    <meta charset="utf-8" />
+    <title>CodeYourFuture - Fetch</title>
+    <meta name="description" content="Introduction to Fetch" />
+    <meta name="author" content="CodeYourFuture" />
+    <style>
+      #greeting-text {
+        font-size: 20px;
+        border: 1px solid #ccc;
+        background-color: #ddd;
+        width: 20%;
+        text-align: center;
+        margin: 0 50px;
+        padding: 30px;
+      }
+    </style>
+  </head>
 
-<body>
-  <h1>A greeting in a random language...</h1>
-  <p id="greeting-text"></p>
+  <body>
+    <h1>A greeting in a random language...</h1>
+    <p id="greeting-text"></p>
 
-  <script src="exercise.js"></script>
-</body>
-</html>
+    <script src="exercise.js"></script>
+  </body>
+</html>
diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/index.html b/week-8/Homework/mandatory/3-dog-photo-gallery/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div id="container"></div>
+
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/script.js b/week-8/Homework/mandatory/3-dog-photo-gallery/script.js
@@ -0,0 +1,32 @@
+let divEl = document.getElementById("container");
+
+let buttonEl = document.createElement("button");
+buttonEl.textContent = "Click Me";
+let ulEl = document.createElement("ul");
+let liEl = document.createElement("li");
+let imgEl = document.createElement("img");
+
+divEl.appendChild(buttonEl);
+divEl.appendChild(ulEl);
+
+ulEl.appendChild(liEl);
+liEl.appendChild(imgEl);
+
+function display() {
+  fetch("https://dog.ceo/api/breeds/image/random")
+    .then((response) => {
+      return response.json();
+    })
+    .then(function (data) {
+      console.log(data);
+      getImage(data);
+    });
+
+  function getImage(data) {
+    imgEl.src = data.message;
+  }
+}
+
+buttonEl.addEventListener("click", display);
+
+window.onLoad = display();
diff --git a/week-8/Homework/mandatory/4-programmer-humour/index.html b/week-8/Homework/mandatory/4-programmer-humour/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div id="container"></div>
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/week-8/Homework/mandatory/4-programmer-humour/script.js b/week-8/Homework/mandatory/4-programmer-humour/script.js
@@ -0,0 +1,16 @@
+let divEl = document.getElementById("container");
+let imgEl = document.createElement("img");
+divEl.appendChild(imgEl);
+
+fetch("https://xkcd.now.sh/?comic=latest")
+  .then((response) => {
+    return response.json();
+  })
+  .then((data) => {
+    console.log(data);
+    image(data);
+  });
+
+function image(imageData) {
+  imgEl.src = imageData.img;
+}
diff --git a/week-8/Homework/mandatory/4-programmer-humour/style.css b/week-8/Homework/mandatory/4-programmer-humour/style.css