forked from HackYourFuture/JavaScript2
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.js
More file actions
126 lines (108 loc) · 3.06 KB
/
app.js
File metadata and controls
126 lines (108 loc) · 3.06 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
'use strict';
{
const bookTitles = [
// Replace with your own book titles
'physics',
'chemistry',
'computer_science',
'OOP',
'math',
'java',
'visual_programming',
'computer_graphics',
'C language',
'compiler_construction'
];
const rootDiv = document.getElementById('root');
function generateList(arr) {
const list = document.createElement('ul');
rootDiv.appendChild(list);
for (let i = 0; i < arr.length; i++) {
const listItems = document.createElement('li');
listItems.setAttribute('id', arr[i]);
listItems.innerText = arr[i];
list.appendChild(listItems);
}
}
const booksData = {
physics: {
title: 'physics',
language: 'english'
},
chemistry: {
title: 'chemistry',
language: 'english'
},
computer_science: {
title: 'computer science'
},
java: {
title: 'java',
language: 'english'
},
OOP: {
title: 'Object Oriented programming',
language: 'english'
},
visual_programming: {
title: 'visual programming',
language: 'english'
},
compiler_construction: {
title: 'compiler-construction',
language: 'english'
},
c_language: {
title: 'c_language',
language: 'english'
},
computer_graphics: {
title: 'computer graphics',
language: 'english'
},
math: {
title: 'Mathematics',
language: 'english'
}
};
function generateListModification(obj) {
const list = document.createElement('ul');
rootDiv.appendChild(list);
for (let i = 0; i < Object.keys(obj).length; i++) {
const listItem = document.createElement('li');
listItem.setAttribute('id', Object.keys(obj)[i]);
list.appendChild(listItem);
const listTitle = document.createElement('h2');
listTitle.innerText = 'Title: ' + obj[Object.keys(obj)[i]].title;
list.appendChild(listTitle);
const listLanguage = document.createElement('h3');
listLanguage.innerText = 'Language: ' + obj[Object.keys(obj)[i]].language;
list.appendChild(listLanguage);
}
}
generateListModification(booksData);
const bookCovers = {
physics: './img/physics.jpg',
chemistry: './img/chemistry.jpg',
math: './img/math.jpg',
compiler_construction: './img/compiler construction.jpg',
computer_graphics: './img/computer_graphics.jpg',
computer_science: './img/computer_science.jpg',
c_language: './img/c_language.jpg',
visual_programming: './img/visual programming.jpg',
OOP: './img/oop.jpg',
java: './img/java.jpg'
};
function viewImages(obj) {
for (let i = 0; i < Object.keys(obj).length; i++) {
const test = document.getElementById(Object.keys(obj)[i]);
const picture = document.createElement('img');
picture.setAttribute('src', obj[Object.keys(obj)[i]]);
picture.setAttribute('alt', 'books cover');
picture.setAttribute('class', 'bookCovers');
test.appendChild(picture);
}
}
viewImages(bookCovers);
// eslint-disable-next-line prettier/prettier
}