foocoding · chichiglacierz · Aug 9, 2019 · Aug 9, 2019 · Aug 10, 2019 · Aug 14, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/Week1/.DS_Store b/Week1/.DS_Store
diff --git a/Week1/homework/app.js b/Week1/homework/app.js
@@ -1,11 +1,160 @@
 'use strict';
 
-{
-  const bookTitles = [
-    // Replace with your own book titles
-    'harry_potter_chamber_secrets',
-  ];
-
-  // Replace with your own code
-  console.log(bookTitles);
+'use strict';
+
+// array of books containing 10 strings. lowercase
+const bookTitles = [
+  'going_down_river_road',
+  'the_river_and_the_source',
+  "salem's_lot",
+  'americanah',
+  'things_fall_apart',
+  'animal_farm',
+  'the_river_between',
+  'the_dead_stay_dumb',
+  'arrow_of_god',
+  'a_song_of_ice_and_fire',
+];
+
+// Replace with your own code
+// const showBooks = Object.values(bookNames);
+// console.log(bookTitles);
+
+// the part below not showing on console on chrome
+// function printBookNames(bookTitles) {
+//   console.table(bookTitles);
+// }
+//printing out the string of the above array produces:
+// for (let i = 0; i < bookNames.length; i++) {
+//   console.log(bookNames[i]);
+// }
+// eslint-disable-next-line no-unused-vars
+// 1.3. Make a function (or functions) that generate a ul with li elements for each book ID in the array using a for loop.
+
+// 1.4 create object containing details of each book:
+const bookInfo = {
+  going_down_river_road: {
+    title: 'Going Down River Road',
+    author: 'Meja Mwangi',
+    language: 'English',
+    published: 1976,
+  },
+
+  the_river_and_the_source: {
+    title: 'The River And The Source',
+    author: 'Margaret Ogola',
+    language: 'English',
+    published: 1994,
+  },
+
+  homing_in: {
+    title: 'Salem´s Lot',
+    author: 'Stephen King',
+    language: 'English',
+    published: 1975,
+  },
+
+  americanah: {
+    title: 'Americanah',
+    author: 'Chimamanda Ngozi Adichie',
+    language: 'English',
+    published: 2013,
+  },
+
+  things_fall_apart: {
+    title: 'Things Fall Apart',
+    author: 'Chinua Achebe',
+    language: 'English',
+    published: 1958,
+  },
+
+  animal_farm: {
+    title: 'Animal Farm',
+    author: 'George Orwell',
+    language: 'English',
+    published: 1945,
+  },
+
+  the_river_between: {
+    title: 'The River Between',
+    author: 'Ngugi wa Thiong´o',
+    language: 'English',
+    published: 1965,
+  },
+
+  the_dead_stay_dumb: {
+    title: 'The Dead Stay Dumb',
+    author: 'James Hardley Chase',
+    language: 'English',
+    published: 1939,
+  },
+
+  arrow_of_god: {
+    title: 'Arrow of God',
+    author: 'Chinua Achebe',
+    language: 'English',
+    published: 1964,
+  },
+
+  a_song_of_ice_and_fire: {
+    title: 'A Song of Ice and Fire',
+    author: 'George R.R. Martin',
+    language: 'English',
+    published: 1996,
+  },
+};
+//console.log(Object.keys(bookInfo));
+
+const bookImgs = {
+  going_down_river_road: './bookImgs/going-down-river-road.jpg',
+  the_river_between: './bookImgs/the_river_between.jpg',
+  homing_in: './bookImgs/homing_in.jpg',
+  americanah: './bookImgs/americanah.jpg',
+  things_fall_apart: './bookImgs/things_fall_apart.jpg',
+  animal_farm: './bookImgs/animal_farm.jpeg',
+  arrow_of_god: './bookImgs/arrow_of_god.jpg',
+  a_song_of_ice_and_fire: './bookImgs/a_song_of_ice_and_fire.jpg',
+  the_dead_stay_dumb: './bookImgs/the_dead.jpg',
+  the_river_and_the_source: './bookImgs/the_river.jpg',
+};
+
+function bookList() {
+  const bookUl = document.createElement('ul');
+  bookUl.id = 'bookContainer';
+  document.body.appendChild(bookUl);
+
+  for (let key in bookInfo) {
+    const bookItems = document.createElement('li');
+    bookItems.id = 'book-items';
+    const bookTitle = document.createElement('h2');
+    bookTitle.id = 'book-title';
+    bookTitle.innerText = bookInfo[key].title;
+    bookItems.appendChild(bookTitle);
+
+    const bookDiv = document.createElement('div');
+    bookDiv.setAttribute('id', key);
+    bookItems.appendChild(bookDiv);
+
+    const content = document.createAttribute('div');
+    content.id = 'book-contents';
+    content.innerText = `<p>Title: ${bookInfo[key].title}</p> 
+  <p>Author: ${bookInfo[key].author}</p>
+  <p>Language: ${bookInfo[key].language}</p>
+  <p>Published: ${bookInfo[key].published}</p>`;
+    //bookDiv.appendChild(content);
+    bookUl.appendChild(bookItems);
+  }
+  //creating a function to add images to books:
+  for (const bookKey in bookImgs) {
+    const bookDiv = document.getElementById(bookKey);
+    const imgContainer = document.createElement('div');
+    imgContainer.id = 'book-img';
+    bookDiv.appendChild(imgContainer);
+
+    //adding pic from book obj with attr
+    const pic = document.createElement('img');
+    pic.setAttribute('src', bookImgs[bookKey]);
+    imgContainer.appendChild(pic);
+  }
 }
+bookList();
diff --git a/Week1/homework/bookImgs/.DS_Store b/Week1/homework/bookImgs/.DS_Store
diff --git a/Week1/homework/bookImgs/a_song_of_ice_and_fire.jpg b/Week1/homework/bookImgs/a_song_of_ice_and_fire.jpg
diff --git a/Week1/homework/bookImgs/americanah.jpg b/Week1/homework/bookImgs/americanah.jpg
diff --git a/Week1/homework/bookImgs/animal_farm.jpeg b/Week1/homework/bookImgs/animal_farm.jpeg
diff --git a/Week1/homework/bookImgs/arrow_of_god.jpg b/Week1/homework/bookImgs/arrow_of_god.jpg
diff --git a/Week1/homework/bookImgs/going-down-river-road.jpg b/Week1/homework/bookImgs/going-down-river-road.jpg
diff --git a/Week1/homework/bookImgs/homing_in.jpg b/Week1/homework/bookImgs/homing_in.jpg
diff --git a/Week1/homework/bookImgs/the_dead.jpg b/Week1/homework/bookImgs/the_dead.jpg
diff --git a/Week1/homework/bookImgs/the_river.jpg b/Week1/homework/bookImgs/the_river.jpg
diff --git a/Week1/homework/bookImgs/the_river_between.jpg b/Week1/homework/bookImgs/the_river_between.jpg
diff --git a/Week1/homework/bookImgs/things_fall_apart.jpg b/Week1/homework/bookImgs/things_fall_apart.jpg
diff --git a/Week1/homework/index.html b/Week1/homework/index.html
@@ -1 +1,15 @@
-<!-- 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>Week-1 Js 2</title>
+    <link rel="styleSheet" type="text/css" href="./style.css" />
+  </head>
+
+  <body>
+    <script type="text/javascript" src="./app.js"></script>
+  </body>
+</html>
diff --git a/Week1/homework/style.css b/Week1/homework/style.css
@@ -1 +1,4 @@
-/* add your styling here */
+/* add your styling here */
+body {
+  font-family: 'Helvetica Neue', Helvetica, sans-serif;
+}
diff --git a/Week2/.DS_Store b/Week2/.DS_Store
diff --git a/Week2/homework/maartjes-work.js b/Week2/homework/maartjes-work.js
@@ -45,21 +45,30 @@ const tuesday = [
 const maartjesTasks = monday.concat(tuesday);
 const maartjesHourlyRate = 20;
 
+/**
+ * Use of High order functions: map, filter, toFixed
+ */
+
 function computeEarnings(tasks, hourlyRate) {
-  // Replace this comment and the next line with your code
-  console.log(tasks, hourlyRate);
+  // mapping duration of tasks from minutes to hours and filtering out duties < 2h
+  const timeInHours = tasks.map(time => time.duration / 60).filter(duty => duty >= 2);
+  const salaryPerDay = timeInHours.map(hoursPerDay => hoursPerDay * hourlyRate);
+  const totalSalary = salaryPerDay.reduce((sum, dailySalary) => sum + dailySalary, 0);
+  const euroSalary = totalSalary.toFixed(2);
+  return euroSalary;
 }
 
 // eslint-disable-next-line no-unused-vars
 const earnings = computeEarnings(maartjesTasks, maartjesHourlyRate);
 
 // add code to convert `earnings` to a string rounded to two decimals (euro cents)
 
-console.log(`Maartje has earned €${'replace this string with the earnings rounded to euro cents'}`);
+console.log(`Maartje has earned €${earnings}`);
 
 // Do not change or remove anything below this line
 module.exports = {
   maartjesTasks,
   maartjesHourlyRate,
   computeEarnings,
 };
+//completed//
diff --git a/Week2/homework/map-filter.js b/Week2/homework/map-filter.js
@@ -1,15 +1,20 @@
 'use strict';
-
 function doubleOddNumbers(numbers) {
   // Replace this comment and the next line with your code
+  // the following iterates the variables in numbers(with filter) and checking if they´re divisible by 2
+  // const newNumbers = [];
+  // for (let i = 0; i =numbers.length)
+  numbers = numbers.filter(num => num % 2 === 1).map(num => num * 2);
   console.log(numbers);
+  return numbers;
 }
 
 const myNumbers = [1, 2, 3, 4];
-console.log(doubleOddNumbers(myNumbers));
+console.log(doubleOddNumbers(myNumbers)); // output : [2, 6]
 
 // Do not change or remove anything below this line
 module.exports = {
   myNumbers,
   doubleOddNumbers,
 };
+//completed
diff --git a/Week3/.DS_Store b/Week3/.DS_Store
diff --git a/Week3/homework/package.json b/Week3/homework/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "homework",
+  "version": "1.0.0",
+  "description": "",
+  "main": "step2-1.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}
diff --git a/Week3/homework/step2-1.js b/Week3/homework/step2-1.js
@@ -3,6 +3,7 @@
 function foo(func) {
   // What to do here?
   // Replace this comment and the next line with your code
+  func();
   console.log(func);
 }
 

diff --git a/Week3/homework/step2-2.js b/Week3/homework/step2-2.js
@@ -1,21 +1,29 @@
 'use strict';
+function sayThree(number) {
+  console.log(`your number ${number} is divisible by 3`);
+}
+
+function sayFive(number) {
+  console.log(`your number ${number} is divisible by 5`);
+}
 
 function threeFive(startIndex, stopIndex, threeCallback, fiveCallback) {
-  const numbers = [];
+  // creating an empty number array and populating it:
 
-  // Replace this comment and the next line with your code
-  console.log(startIndex, stopIndex, threeCallback, fiveCallback, numbers);
-}
+  const numbers = [];
+  for (let i = startIndex; i <= stopIndex; i++) {
+    numbers.push[i];
 
-function sayThree(number) {
-  // Replace this comment and the next line with your code
-  console.log(number);
+    // divisible by 3?
+    if (i % 3 === 0) {
+      console.log(threeCallback(i));
+    } else if (i % 5 === 0) {
+      console.log(fiveCallback(i));
+    }
+  }
 }
 
-function sayFive(number) {
-  // Replace this comment and the next line with your code
-  console.log(number);
-}
+// console.log(startIndex, stopIndex, threeCallback, fiveCallback, numbers);
 
 threeFive(10, 15, sayThree, sayFive);
 

diff --git a/Week3/homework/step2-3.js b/Week3/homework/step2-3.js
@@ -4,7 +4,13 @@
 function repeatStringNumTimesWithFor(str, num) {
   // eslint-disable-next-line prefer-const
   let result = '';
-
+  if (num <= 0) {
+    result = '';
+  } else {
+    for (let i = 0; i < num; i++) {
+      result += str;
+    }
+  }
   // Replace this comment and the next line with your code
   console.log(str, num, result);
 
@@ -13,30 +19,38 @@ function repeatStringNumTimesWithFor(str, num) {
 
 console.log('for', repeatStringNumTimesWithFor('abc', 3));
 
+//***********************************
+
 // Use a 'while' loop
 function repeatStringNumTimesWithWhile(str, num) {
   // eslint-disable-next-line prefer-const
   let result = '';
-
-  // Replace this comment and the next line with your code
-  console.log(str, num, result);
-
+  let counter = 0;
+  while (counter < num) {
+    result += str;
+    counter++;
+  }
   return result;
 }
-
 console.log('while', repeatStringNumTimesWithWhile('abc', 3));
 
 // Use a 'do...while' loop
 function repeatStringNumTimesWithDoWhile(str, num) {
   // eslint-disable-next-line prefer-const
   let result = '';
-
-  // Replace this comment and the next line with your code
-  console.log(str, num, result);
-
+  let i = 0;
+  if (num > 0) {
+    do {
+      result += str;
+      i++;
+    } while (i < num);
+  }
   return result;
 }
 
+// Replace this comment and the next line with your code
+//console.log(str, num, result);
+
 console.log('do-while', repeatStringNumTimesWithDoWhile('abc', 3));
 
 // Do not change or remove anything below this line

diff --git a/Week3/homework/step2-4.js b/Week3/homework/step2-4.js
@@ -2,6 +2,9 @@
 
 function Dog() {
   // add your code here
+  this.name = 'Roger';
+  this.color = 'black';
+  this.numLegs = 4;
 }
 
 const hound = new Dog();