CodeYourFuture · shahdalhaj · Jun 30, 2020 · Jul 1, 2020 · msachi · Jul 4, 2020
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,12 @@ 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 ***')
+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 box = document.getElementById("greeting-text");
+     box.innerText = greeting;
+        // console.log(greeting)  // Write the code to display the greeting text here
     });
diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/dogPhotos.html b/week-8/Homework/mandatory/3-dog-photo-gallery/dogPhotos.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dog Photos fetch practice</title>
+</head>
+<body>
+    <div id ="wrapper">
+        <ul id="saver">
+
+        </ul>
+        <button id="click">Next photo ></button>
+    </div>
+    <script src="dogPhotos.js"></script>
+</body>
+</html>
diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/dogPhotos.js b/week-8/Homework/mandatory/3-dog-photo-gallery/dogPhotos.js
@@ -0,0 +1,22 @@
+
+const ul = document.getElementById("saver");
+const btn = document.getElementById("click");
+const li = document.createElement("li");
+const myImg = document.createElement("img");
+
+function displayer(){
+    fetch("https://dog.ceo/api/breeds/image/random")
+    .then(response => response.json())
+    .then(data => data.message)
+    .then(function (img){
+     li.appendChild(myImg);
+     li.style.listStyleType = "none"
+     ul.appendChild(li);
+     myImg.src = img;
+    })
+    .catch(err => console.error(err));
+}
+
+btn.addEventListener("click",displayer)
+window.onload = displayer;
+
diff --git a/week-8/Homework/mandatory/4-programmer-humour/humour.css b/week-8/Homework/mandatory/4-programmer-humour/humour.css
diff --git a/week-8/Homework/mandatory/4-programmer-humour/humour.html b/week-8/Homework/mandatory/4-programmer-humour/humour.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="humour.css" />
+</head>
+<body>
+    <div id="container">
+
+    </div>
+    <script src="humour.js"></script>
+</body>
+</html>
diff --git a/week-8/Homework/mandatory/4-programmer-humour/humour.js b/week-8/Homework/mandatory/4-programmer-humour/humour.js
@@ -0,0 +1,16 @@
+const div = document.getElementById("container");
+const img = document.createElement("img");
+
+function fether(){
+    fetch("https://xkcd.now.sh/?comic=latest")
+    .then(response => response.json())
+    .then(function (data) {
+        let myData = data.img;
+        console.log(myData);
+        div.appendChild(img);
+        img.src = myData;
+    })
+    .catch(anyErr => console.error(anyErr));
+}
+
+window.onload = fether;