Skip to content

Commit 7db1cd7

Browse files
Gaffari02Gaffari02
committed
js2w1hw
1 parent b344cdd commit 7db1cd7

16 files changed

Lines changed: 225 additions & 6 deletions

‎Week1/.DS_Store‎

8 KB
Binary file not shown.

‎Week1/homework/.DS_Store‎

6 KB
Binary file not shown.

‎Week1/homework/app.js‎

Lines changed: 150 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,157 @@
11
'use strict';
22
{
3-
const bookTitles = [
4-
// Replace with your own book titles
5-
'harry_potter_chamber_secrets'
3+
let bookTitles = [
4+
"anna_frank_haar_leven",
5+
"meisje_in_de_trein",
6+
"hanna's_verjaardag",
7+
"Een_nieuwe_toekomst",
8+
"de_geur_van_regen",
9+
"detective_orhan",
10+
"last_minute",
11+
"de_man_van_de_bloemen",
12+
"ren_amina_ren",
13+
"het_diner"
614
];
715

16+
//step 2.3
17+
// function bookList () {
18+
19+
// let bookcontainer = document.createElement("div");
20+
// let ul = document.createElement("ul");
21+
// bookcontainer.appendChild(ul);
22+
23+
// for (let i = 0; i< bookTitles.length; i++) {
24+
// let li = document.createElement("li");
25+
// ul.appendChild(li);
26+
// let content = document.createTextNode(bookTitles[i]);
27+
// li.appendChild(content);
28+
// }
29+
// console.log(bookcontainer);
30+
31+
// }
32+
// bookList();
33+
34+
35+
//console.log(bookTitles);
836

937
// Replace with your own code
10-
console.log(bookTitles);
38+
//console.log(bookTitles);
39+
40+
41+
const bookDetails = {
42+
"anna_frank_haar_leven": {
43+
title: "Anna Frank haar leven",
44+
language: "Dutch",
45+
author: "Anna Frank",
46+
},
47+
"meisje_in_de_trein": {
48+
title: "Meisje in de trein",
49+
language: "Dutch",
50+
author: "Paula Hawkins",
51+
},
52+
"hanna's_verjaardag": {
53+
title: "Hanna's verjaardag",
54+
language: "Dutch",
55+
author: "Gull Akerblom",
56+
},
57+
"Een_nieuwe_toekomst": {
58+
title: "Een nieuwe toekomst",
59+
language: "Dutch",
60+
author: "Conor Grennan",
61+
},
62+
"de_geur_van_regen": {
63+
title: "De geur van regen",
64+
language: "Dutch",
65+
author: "Lieneke Dijkzeul",
66+
},
67+
"detective_orhan": {
68+
title: "Detective Orhan",
69+
language: "Dutch",
70+
author: "Sadik Yemni",
71+
},
72+
"last_minute": {
73+
title: "Last Minute",
74+
language: "Dutch",
75+
author: "Linda van Rijn",
76+
},
77+
"de_man_van_de_bloemen": {
78+
title: "De man van de bloemen",
79+
language: "Dutch",
80+
author: "Johan van Caeneghem",
81+
},
82+
"ren_amina_ren": {
83+
title: "Ren Amina ren",
84+
language: "Dutch",
85+
author: "Annelie Drewsen",
86+
},
87+
"het_diner": {
88+
title: "Het diner",
89+
language: "Dutch",
90+
author: "Herman Koch",
91+
}
92+
93+
}
94+
//console.log(bookDetails);
95+
96+
const bookImg = {
97+
anna_frank_haar_leven : "images/Anna Frank.jpeg",
98+
meisje_in_de_trein : "images/meisje in de trein.jpg",
99+
hannas_verjaardag : "images/Hannas' verjaardag.jpg",
100+
Een_nieuwe_toekomst : "images/nieuwe toekomst.jpg",
101+
de_geur_van_regen : "images/de geur.jpg",
102+
detective_orhan : "images/detective orhan.jpg",
103+
last_minute : "images/last minute.jpg",
104+
de_man_van_de_bloemen : "images/man van de bloemen.jpg",
105+
ren_amina_ren : "images/ren amina.jpg",
106+
het_diner : "images/het diner.jpg"
107+
};
108+
109+
function bookList () {
110+
111+
let bookcontainer = document.getElementById("mybooks");
112+
let div = document.createElement("div");
113+
bookcontainer.appendChild(div);
114+
let li = document.createElement("li");
115+
div.appendChild(li);
116+
117+
118+
119+
120+
for (let i = 0; i< bookTitles.length; i++) {
121+
122+
// let content = document.createTextNode(bookTitles[i]);
123+
// li.appendChild(content);
124+
let titleList = document.createElement("li")
125+
li.appendChild(titleList);
126+
let titleContent = document.createTextNode(bookDetails[bookTitles[i]].title);
127+
titleList.appendChild(titleContent);
128+
let languageList = document.createElement("li")
129+
li.appendChild(languageList);
130+
let languageContent = document.createTextNode("Language: " + bookDetails[bookTitles[i]].language);
131+
languageList.appendChild(languageContent);
132+
let authorList = document.createElement("li")
133+
li.appendChild(authorList);
134+
let authorContent = document.createTextNode("Author: "+ bookDetails[bookTitles[i]].author);
135+
authorList.appendChild(authorContent);
136+
let img = document.createElement("img");
137+
li.appendChild(img);
138+
img.src = Object.values(bookImg)[i];
139+
140+
141+
142+
143+
li.setAttribute("class", "bookList");
144+
img.setAttribute("class", "bookImage");
145+
titleList.setAttribute("class", "liDetails");
146+
titleList.setAttribute("id", "titleDetails");
147+
languageList.setAttribute("class", "liDetails");
148+
authorList.setAttribute("class", "liDetails");
149+
150+
151+
}
152+
//console.log(bookcontainer);
153+
154+
}
155+
bookList();
11156
}
157+

‎Week1/homework/images/.DS_Store‎

6 KB
Binary file not shown.

‎Week1/homework/images/Anna Frank.jpeg‎

7.13 KB
Loading

‎Week1/homework/images/Hannas' verjaardag.jpg‎

108 KB
Loading

‎Week1/homework/images/de geur.jpg‎

39.7 KB
Loading

‎Week1/homework/images/detective orhan.jpg‎

58.3 KB
Loading

‎Week1/homework/images/het diner.jpg‎

51.3 KB
Loading

‎Week1/homework/images/last minute.jpg‎

70.9 KB
Loading

0 commit comments

Comments
 (0)