HackYourFuture · nizamimursudlu · Dec 19, 2020 · Jan 5, 2021 · Jan 6, 2021 · Jan 7, 2021
diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md
@@ -127,7 +127,7 @@ After you've finished your todo list it's time to show us what you got! The home
 1. JavaScript exercises
 2. PROJECT: HackYourRepo I
 
-Upload both to your forked JavaScript3 repository in GitHub. Make a pull request to your teacher's forked repository.
+Upload both to your forked JavaScript3 repository in GitHub. Make a pull request to the HackYourHomework forked repository.
 
 > Forgotten how to upload your homework? Go through the [guide](../hand-in-homework-guide.md) to learn how to do this again.
 

diff --git a/Week2/homework/.vscode/settings.json b/Week2/homework/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}
diff --git a/Week2/homework/exercise01.js b/Week2/homework/exercise01.js
@@ -0,0 +1,38 @@
+// Take a look at the following function (and try it out in your console):
+
+// const getAnonName = (firstName, callback) => {
+//   setTimeout(() => {
+//     if (!firstName)
+//       return callback(new Error("You didn't pass in a first name!"));
+
+//     const fullName = `${firstName} Doe`;
+
+//     return callback(fullName);
+//   }, 2000);
+// };
+
+// getAnonName('John', console.log);
+// Rewrite this function, but replace the callback syntax with the Promise syntax:
+
+// Have the getAnonName function return a new Promise that uses the firstName parameter
+// If the Promise resolves, pass the full name as an argument to resolve with
+// If the Promise rejects, pass an error as the argument to reject with: "You didn't pass in a first name!"
+
+function getAnonName(firstName) {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      if (firstName) {
+        const fullName = `${firstName} Doe`;
+        return resolve(fullName)
+      } else {
+        reject("You didn't pass in a first name!")
+      }
+    }, 2000)
+  })
+}
+getAnonName("John")
+  .then(res => console.log(res))
+  .catch((error) => {
+    console.log(error);
+  })
+
diff --git a/Week2/homework/exersice02.js b/Week2/homework/exersice02.js
@@ -0,0 +1,25 @@
+// Exercise 2: Is it bigger than 10?
+
+// Write a function called checkDoubleDigits that:
+
+// Takes 1 argument: a number
+// Returns a new Promise
+// If the number is bigger than 10, resolve with the string: "The number is bigger than 10!"
+// If the number is smaller than 10, reject with the error: "Error! The number is smaller than 10..."
+
+
+
+function checkDoubleDigits(number) {
+  return new Promise((resolve, reject) => {
+    if (number > 10) {
+      resolve("The number is bigger than 10!")
+    } else if (number < 10) {
+      reject("Error! The number is smaller than 10...")
+    }
+  })
+
+}
+checkDoubleDigits(8).then((res) => console.log(res))
+  .catch((error) => {
+    console.log(error);
+  })
diff --git a/Week2/homework/pokemon-app/.vscode/settings.json b/Week2/homework/pokemon-app/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}
diff --git a/Week2/homework/pokemon-app/index.html b/Week2/homework/pokemon-app/index.html
@@ -0,0 +1,16 @@
+<!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>
+
+  <script src="script.js"></script>
+
+</body>
+
+</html>
diff --git a/Week2/homework/pokemon-app/script.js b/Week2/homework/pokemon-app/script.js
@@ -0,0 +1,68 @@
+
+function main() {
+
+
+  const buttonElement = document.createElement("button");
+  document.body.appendChild(buttonElement);
+  buttonElement.id = "button";
+  buttonElement.innerHTML = "GetPokemon!";
+
+  const formElement = document.createElement("form");
+  document.body.appendChild(formElement);
+
+  const selectElement = document.createElement("select");
+  formElement.appendChild(selectElement);
+  selectElement.id = "select";
+
+  const divElement = document.createElement("div");
+  document.body.appendChild(divElement);
+  divElement.id = "div";
+
+
+  const select = document.getElementById("select");
+  const url = "https://pokeapi.co/api/v2/pokemon/?limit=151"
+  const button = document.getElementById("button");
+  const div = document.getElementById("div")
+  img = document.createElement("img")
+
+
+  button.addEventListener('click',
+    function fetchData() {
+      fetch(url)
+        .then(async (res) => {
+          if (!res.ok) {
+            throw `ERROR: ${res.status} ${res.statusText}`
+          }
+          const jsonData = await res.json()
+          pokemonArr = jsonData.results
+          pokemonArr.map((element) => {
+            let option = document.createElement("option")
+            select.appendChild(option)
+            option.value = element.name
+            option.innerHTML = element.name
+          })
+        })
+        .catch((error) => {
+          console.log(error);
+        })
+    })
+
+  select.onchange = function addPokemonToDOM() {
+    fetch(`https://pokeapi.co/api/v2/pokemon/${select.value}`)
+      .then(async (res1) => {
+        if (!res1.ok) {
+          throw `ERROR: ${res1.status} ${res1.statusText}`
+        }
+        const imageData = await res1.json()
+        const image = imageData.sprites.front_default
+        div.appendChild(img)
+        img.src = image
+      })
+      .catch((error) => {
+        console.log(error);
+      }
+      )
+  }
+} main()
+
+