HackYourFuture · alquinex · Feb 2, 2019 · Feb 10, 2019 · remarcmij · Feb 10, 2019
diff --git a/.gitignore b/.gitignore
@@ -59,3 +59,7 @@ typings/
 
 .netlify
 dist/
+live
+ exercise
+ live2
+
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -8,10 +8,12 @@
     "Debouncing",
     "Maartje",
     "blabla",
+    "chinua",
     "codewars",
     "keyup",
     "maartje's",
     "maartjes",
+    "marner",
     "roverjs",
     "taalmap",
     "trollface"

diff --git a/Week1/homework/app.js b/Week1/homework/app.js
@@ -2,10 +2,121 @@
 
 {
   const bookTitles = [
-    // Replace with your own book titles
-    'harry_potter_chamber_secrets'
+    'So_Long_A_Letter',
+    'Macbeth',
+    'Julius_Caesar',
+    'Silas_Marner',
+    'The_Gods_Are_Not_To_Blame',
+    'Things_Fall_Apart',
+    'Database_Processing',
+    'JavaScript_For_Web_Developers',
+    'Installing_And_Configuring_Windows_10',
+    'Installing_And_Configuring_Windows_Server_2012_R2'
   ];
 
-  // Replace with your own code
-  console.log(bookTitles);
+  const booksInformation = {
+    So_Long_A_Letter: {
+      title: 'So Long A Letter',
+      language: 'French',
+      author: 'Mariama Ba'
+    },
+    Macbeth: {
+      title: 'Macbeth',
+      language: 'English',
+      author: 'William Shakespeare'
+    },
+    Julius_Caesar: {
+      title: 'Julius Caesar',
+      language: 'English',
+      author: 'William Shakespeare'
+    },
+    Silas_Marner: {
+      title: 'Silas Marner',
+      language: 'English',
+      author: 'George Eliot'
+    },
+    The_Gods_Are_Not_To_Blame: {
+      title: 'The Gods Are Not To Blame',
+      language: 'English',
+      author: 'Ola Rotimi'
+    },
+    Things_Fall_Apart: {
+      title: 'Things Fall Apart',
+      language: 'English',
+      author: 'Chinua Achebe'
+    },
+    Database_Processing: {
+      title: 'Database Processing',
+      language: 'English',
+      author: 'David Kroenke'
+    },
+    JavaScript_For_Web_Developers: {
+      title: 'JavaScript For Web Developers',
+      language: 'English',
+      author: 'Nicholas C. Zakas'
+    },
+    Installing_And_Configuring_Windows_10: {
+      title: 'Installing And Configuring Windows 10',
+      language: 'English',
+      author: 'Andrew Bettany'
+    },
+    Installing_And_Configuring_Windows_Server_2012_R2: {
+      title: 'Installing And Configuring Windows Server 2012 R2',
+      language: 'English',
+      author: 'Craig Zacker'
+    }
+  };
+
+  function createList() {
+    const ul = document.createElement('ul');
+    document.body.appendChild(ul);
+    for (const bookTitle of bookTitles) {
+      const li = document.createElement('li');
+      ul.appendChild(li);
+      li.setAttribute('id', bookTitle);
+      const bookInfo = booksInformation[bookTitle];
+
+      const h2 = document.createElement('h2');
+      li.appendChild(h2);
+      h2.textContent = bookInfo.title;
+
+      const h3 = document.createElement('h3');
+      li.appendChild(h3);
+      h3.textContent = bookInfo.language;
+
+      const p = document.createElement('p');
+      li.appendChild(p);
+      p.textContent = bookInfo.author;
+    }
+  }
+
+  const bookCovers = {
+    So_Long_A_Letter: './images/So_Long_A_Letter.jpeg',
+    Macbeth: './images/Macbeth.jpeg',
+    Julius_Caesar: './images/Julius_Caesar.jpeg',
+    Silas_Marner: './images/Silas_Marner.jpeg',
+    The_Gods_Are_Not_To_Blame: './images/The_Gods_Are_Not_To_Blame.jpeg',
+    Things_Fall_Apart: './images/Things_Fall_Apart.jpeg',
+    Database_Processing: './images/Database_Processing.jpg',
+    JavaScript_For_Web_Developers: './images/JavaScript_For_Web_Developers.jpeg',
+    Installing_And_Configuring_Windows_10: './images/Installing_And_Configuring_Windows_10.jpg',
+    Installing_And_Configuring_Windows_Server_2012_R2:
+      './images/Installing_And_Configuring_Windows_Server_2012.jpg'
+  };
+
+  function displayBooks() {
+    for (const key of Object.keys(bookCovers)) {
+      const li = document.getElementById(key);
+      const img = document.createElement('img');
+      li.appendChild(img);
+      img.setAttribute('src', `${bookCovers[key]}`);
+      img.setAttribute('alt', `${bookCovers[key]}`);
+    }
+  }
+
+  function main() {
+    createList();
+    displayBooks();
+  }
+  window.onload = main;
 }
diff --git a/Week1/homework/images/Background_image.jpeg b/Week1/homework/images/Background_image.jpeg
diff --git a/Week1/homework/images/Database_Processing.jpg b/Week1/homework/images/Database_Processing.jpg
diff --git a/Week1/homework/images/Installing_And_Configuring_Windows_10.jpg b/Week1/homework/images/Installing_And_Configuring_Windows_10.jpg
diff --git a/Week1/homework/images/Installing_And_Configuring_Windows_Server_2012.jpg b/Week1/homework/images/Installing_And_Configuring_Windows_Server_2012.jpg
diff --git a/Week1/homework/images/JavaScript_For_Web_Developers.jpeg b/Week1/homework/images/JavaScript_For_Web_Developers.jpeg
diff --git a/Week1/homework/images/Julius_Caesar.jpeg b/Week1/homework/images/Julius_Caesar.jpeg
diff --git a/Week1/homework/images/Macbeth.jpeg b/Week1/homework/images/Macbeth.jpeg
diff --git a/Week1/homework/images/Silas_Marner.jpeg b/Week1/homework/images/Silas_Marner.jpeg
diff --git a/Week1/homework/images/So_Long_A_Letter.jpeg b/Week1/homework/images/So_Long_A_Letter.jpeg
diff --git a/Week1/homework/images/The_Gods_Are_Not_To_Blame.jpeg b/Week1/homework/images/The_Gods_Are_Not_To_Blame.jpeg
diff --git a/Week1/homework/images/Things_Fall_Apart.jpeg b/Week1/homework/images/Things_Fall_Apart.jpeg
diff --git a/Week1/homework/index.html b/Week1/homework/index.html
@@ -1 +1,14 @@
-<!-- replace this with your HTML content -->
+<!-- replace this with your HTML content -->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>JavaScript2 Week1</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <script src="app.js"></script>
+  </body>
+</html>
diff --git a/Week1/homework/style.css b/Week1/homework/style.css
@@ -1 +1,26 @@
-/* add your styling here */
+body {
+  background-color: #8fbc8f;
+  width: auto;
+  padding: 10%;
+  display: flex;
+}
+
+img {
+  width: 45%;
+  border-radius: 10%;
+}
+
+ul {
+  text-decoration-style: none;
+}
+
+li {
+  list-style: none;
+  font-size: 120%;
+  font-weight: bold;
+}
+
+p {
+  font-style: italic;
+  color: grey;
+}
diff --git a/Week2/live2/forEach.js b/Week2/live2/forEach.js
@@ -0,0 +1,10 @@
+'use strict';
+
+const numbers = [1, 2, 3, 4];
+
+let sum = 0;
+for (const number of numbers) {
+  sum += number;
+}
+
+console.log(sum);
-Original file line number
+Diff line change
@@ Expand Up / @@ -59,3 +59,7 @@ typings/ @@
     .netlify
     dist/
+    live
+     exercise
+     live2