CodeYourFuture · Iman-feisali · Jul 1, 2020 · Jul 2, 2020 · Dedekind561 · Jul 2, 2020
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
diff --git a/week-8/.vscode/settings.json b/week-8/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/week-8/Homework/mandatory/1-practice/1-practice.md b/week-8/Homework/mandatory/1-practice/1-practice.md
@@ -24,8 +24,12 @@ The following endpoint is publicly available from Github
 
 1. What would you put in the following fields? `{owner}`, `{repo}`, `{pull_number}`?
 
-<!-- Write your answer here -->
+<!--
+{owner} = octocat
+{repo} = Hello-World
+{pull_number} = 1
+-->
 
 2. Describe in a sentence what this API endpoint returns when all of the fields are completed?
 
-<!-- Write your answer here -->
+<!-- Provides details for a review comment. I havn't catch that much -->
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,11 @@ 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) {
+    let greetingText = document.getElementById("greeting-text");
+    greetingText.innerText = greeting;
+  });
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,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <style>
+      #my_pictures_list {
+        list-style: none;
+      }
+      .button {
+        height: 50px;
+        width: 85px;
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="main" id="main_container">
+      <ul>
+        <li id="my_pictures_list" class="my_list">
+          <img
+            src="https://images.dog.ceo/breeds/bullterrier-staffordshire/n02093256_4678.jpg"
+            alt="random dog pictures"
+            id="dogImages"
+          />
+        </li>
+      </ul>
+      <button id="button" class="button">Next Picture</button>
+    </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,14 @@
+document.getElementById("button").addEventListener("click", () => {
+  let makeImage = document.getElementById("dogImages");
+
+  fetch(`https://dog.ceo/api/breeds/image/random`)
+    .then(function (data) {
+      return data.json();
+    })
+    .then(function (newLink) {
+      makeImage.src = newLink.message;
+    })
+    .catch((error) => {
+      console.log(error);
+    });
+});
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>
+    <img src="" alt="" id="image" />
+    <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 @@
+fetch("https://xkcd.now.sh/?comic=latest")
+  .then(function (data) {
+    if (data.ok) {
+      console.log("success");
+    } else {
+      console.log("unsuccessful");
+    }
+    return data.json();
+  })
+  .then(function (newData) {
+    const newImage = document.getElementById("image");
+    newImage.src = newData.img;
+  })
+  .catch((error) => {
+    console.log(error);
+  });