HackYourFuture · Aya92syr · Jan 24, 2019 · Jan 24, 2019
diff --git a/Week1/homework/app.js b/Week1/homework/app.js
diff --git a/Week1/homework/css/style.css b/Week1/homework/css/style.css
@@ -0,0 +1,50 @@
+*{
+    box-sizing: border-box;
+}
+body{
+    background: lightgrey;
+    margin: 0 auto;
+    text-align:center;
+}
+#myList{
+	width: 80%;
+	margin: 0 auto;
+	text-align:center;
+}
+ol{
+	display: flex;
+	flex-wrap:wrap;
+	margin: 0 auto;
+	width: 100%;
+}
+li{
+	background-color: #0a0a0a;
+	margin: 1%;
+	padding: 1%;
+	width:31.333%;
+	border-radius:10px;
+	text-align:center; 
+	list-style: none;	
+}
+img{
+	width:90%
+}
+h2{
+    background-color:#4c4643 ;
+    color: #ffffff;
+    font-size: 100%;
+	font-family:cursive;	
+	margin: 1%;
+}
+h3{
+    color: #ffffff;
+    font-size: 80%;
+	font-family:monospace;
+	margin: 1%;
+}
+p{
+    color: #ffffff;
+    font-size: 70%;
+	font-family:sans-serif;
+	margin: 1%;
+}
diff --git a/Week1/homework/img/Blindness.jpg b/Week1/homework/img/Blindness.jpg
diff --git a/Week1/homework/img/Thumbs.db b/Week1/homework/img/Thumbs.db
diff --git a/Week1/homework/img/angels_and_demons.jpg b/Week1/homework/img/angels_and_demons.jpg
diff --git a/Week1/homework/img/crime_and_punishment.jpg b/Week1/homework/img/crime_and_punishment.jpg
diff --git a/Week1/homework/img/do_not_tell_mommy.jpg b/Week1/homework/img/do_not_tell_mommy.jpg
diff --git a/Week1/homework/img/inferno.jpg b/Week1/homework/img/inferno.jpg
diff --git a/Week1/homework/img/les_miserables.jpg b/Week1/homework/img/les_miserables.jpg
diff --git a/Week1/homework/img/the_bamboo_stalk.jpg b/Week1/homework/img/the_bamboo_stalk.jpg
diff --git a/Week1/homework/img/the_davinci_code.jpg b/Week1/homework/img/the_davinci_code.jpg
diff --git a/Week1/homework/img/the_kite_runner.jpg b/Week1/homework/img/the_kite_runner.jpg
diff --git a/Week1/homework/img/the_monk_who_sold_his_ferrari.jpg b/Week1/homework/img/the_monk_who_sold_his_ferrari.jpg
diff --git a/Week1/homework/index.html b/Week1/homework/index.html
@@ -1 +1,15 @@
-<!-- replace this with your HTML content -->
+<!doctype html>
+
+<html>
+	<head>
+		<title>The Books</title>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="initial-scale=1.0">
+        <link rel="stylesheet" href=css/style.css />
+	</head>
+
+	<body>
+        <div id="myList"></div>
+        <script src="js/my_book.js"></script>
+	</body>
+</html>
diff --git a/Week1/homework/js/my_book.js b/Week1/homework/js/my_book.js
@@ -0,0 +1,82 @@
+/*global console*/
+'use strict';
+
+var namesBook = [
+  'the_davinci_code',
+  'the_kite_runner', 
+  'the_bamboo_stalk', 
+  'do_not_tell_mommy', 
+  'inferno', 
+  'angels_and_demons',
+  'les_miserables',
+  'crime_and_punishment',
+  'blindness',
+  'the_monk_who_sold_his_ferrari'
+];
+var ownerBook = [
+		'Dan Brown',
+		'Khaled Hosseini',
+		'Saud Alsanousi',
+		'Toni Maguire',
+		'Dan Brown',
+		'Dan Brown',
+		'Victor Hugo',
+		'Fyodor Dostoevsky',
+		'José Saramago',
+		'Robin Sharma'
+	],
+	titleBook = [
+		'The Davinci Code',
+		'The Kite Runner',
+		'The Bamboo Stalk ',
+		'Don\'t Tell Mommy',
+		'inferno',
+		'Angels And Demons',
+		'les miserables',
+		'Crime And Punishment',
+		'Blindness',
+		'The monk who sold his ferrari'
+	];
+var i;
+var myOl = document.createElement('ol');
+document.getElementById('myList').appendChild(myOl);
+
+namesBook.forEach(function() {
+
+	var myNewLi = document.createElement('li');
+	myOl.appendChild(myNewLi);
+	myNewLi.setAttribute('id', 'li' + i);
+});
+
+var myId = namesBook,
+	auth = ownerBook,
+	tit = titleBook,
+	ob = {
+		idBook: myId,
+		title: tit,
+		author: auth,
+		language: 'English'
+	};
+
+for (i = 0; i < ownerBook.length; i = i + 1) {
+	var myH = document.createElement('h2');
+	var myNewLi = document.getElementsByTagName('li');
+	myNewLi[i].appendChild(myH);
+	myH.textContent = titleBook[i];
+
+	var myOtherH = document.createElement('h3');
+	var myNewLi = document.getElementsByTagName('li');
+	myNewLi[i].appendChild(myOtherH);
+	myOtherH.textContent = 'By : ' + ownerBook[i];
+
+	var myp = document.createElement('p');
+	var myNewLi = document.getElementsByTagName('li');
+	myNewLi[i].appendChild(myp);
+	myp.textContent = 'the language : ' + ob.language;
+
+	var myImg = document.createElement('img');
+	var myNewLi = document.getElementsByTagName('li');
+	myNewLi[i].appendChild(myImg);
+	myImg.setAttribute('src', 'img/' + namesBook[i] + '.jpg');
+	myImg.setAttribute('alt', 'Here is the picture');
+}
diff --git a/Week1/homework/style.css b/Week1/homework/style.css
diff --git a/Week2/homework/maartjes-work.js b/Week2/homework/maartjes-work.js
@@ -46,16 +46,25 @@ const maartjesTasks = monday.concat(tuesday);
 const maartjesHourlyRate = 20;
 
 function computeEarnings(tasks, hourlyRate) {
-  // Replace this comment and the next line with your code
   console.log(tasks, hourlyRate);
 }
 
+return tasks 
+.map( hour => hour.duration / 60)
+.filter(hour => hour >= 2)
+.map (hour => hour * hourlyRate)
+.reduce ((x, y) => x + y, 0);
+
+
+
+
+
 // 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.toFixed(2)}`);
 
 // Do not change or remove anything below this line
 module.exports = {

diff --git a/Week2/homework/map-filter.js b/Week2/homework/map-filter.js
@@ -1,8 +1,8 @@
 'use strict';
 
 function doubleOddNumbers(numbers) {
-  // Replace this comment and the next line with your code
-  console.log(numbers);
+  numbers = numbers.filter(x => x % 2).map(x => x * 2);
+  return numbers;
 }
 
 const myNumbers = [1, 2, 3, 4];
@@ -12,4 +12,4 @@ console.log(doubleOddNumbers(myNumbers));
 module.exports = {
   myNumbers,
   doubleOddNumbers
-};
+};