|
1 | 1 | 'use strict'; |
2 | 2 |
|
3 | 3 | { |
4 | | - |
5 | 4 | const booksArray = [ |
6 | 5 | `The_Goldfinch`, |
7 | 6 | `A_Garden_of_Earthly_Delights`, |
|
12 | 11 | `The_Unwomanly_Face_of_War`, |
13 | 12 | `Chernobyl_Prayer`, |
14 | 13 | `Runaway`, |
15 | | - `The_Year_of_Magical_Thinking` |
| 14 | + `The_Year_of_Magical_Thinking`, |
16 | 15 | ]; |
17 | 16 |
|
18 | 17 | const booksObject = { |
19 | 18 | The_Goldfinch: { |
20 | 19 | title: `The Goldfinch`, |
21 | 20 | author: `Donna Tartt`, |
22 | | - original_language: `English` |
| 21 | + original_language: `English`, |
23 | 22 | }, |
24 | 23 | A_Garden_of_Earthly_Delights: { |
25 | 24 | title: `A Garden of Earthly Delights`, |
26 | 25 | author: `Carol Oates`, |
27 | | - original_language: `English` |
| 26 | + original_language: `English`, |
28 | 27 | }, |
29 | 28 | Beloved: { |
30 | 29 | title: `Beloved`, |
31 | 30 | author: `Toni Morrison`, |
32 | | - original_language: `English` |
| 31 | + original_language: `English`, |
33 | 32 | }, |
34 | 33 | There_Once_Lived_a_Woman_Who_Tried_to_Kill_Her_Neighbors_Baby: { |
35 | 34 | title: `There Once Lived a Woman Who Tried to Kill Her Neighbo\'s Baby`, |
36 | 35 | author: `Lyudmila Petrushevskaya`, |
37 | | - original_language: `Russian` |
| 36 | + original_language: `Russian`, |
38 | 37 | }, |
39 | 38 | The_House_of_the_Spirits: { |
40 | 39 | title: `The House of the Spirits`, |
41 | 40 | author: `Isabel Allende`, |
42 | | - original_language: `Spanish` |
| 41 | + original_language: `Spanish`, |
43 | 42 | }, |
44 | 43 | The_Left_Hand_of_Darkness: { |
45 | 44 | title: `The Left Hand of Darkness`, |
46 | 45 | author: `Ursula K. Le Guin`, |
47 | | - original_language: `English` |
| 46 | + original_language: `English`, |
48 | 47 | }, |
49 | 48 | The_Unwomanly_Face_of_War: { |
50 | 49 | title: `The Unwomanly Face of War`, |
51 | 50 | author: `Svetlana Alexievich`, |
52 | | - original_language: `Russian` |
| 51 | + original_language: `Russian`, |
53 | 52 | }, |
54 | 53 | Chernobyl_Prayer: { |
55 | 54 | title: `Chernobyl Prayer`, |
56 | 55 | author: `Svetlana Alexievich`, |
57 | | - original_language: `Russian` |
| 56 | + original_language: `Russian`, |
58 | 57 | }, |
59 | 58 | Runaway: { |
60 | 59 | title: `Runaway`, |
61 | 60 | author: `Alice Munro`, |
62 | | - original_language: `English` |
| 61 | + original_language: `English`, |
63 | 62 | }, |
64 | 63 | The_Year_of_Magical_Thinking: { |
65 | 64 | title: `The Year of Magical Thinking`, |
66 | 65 | author: `Joan Didion`, |
67 | | - original_language: `English` |
68 | | - } |
| 66 | + original_language: `English`, |
| 67 | + }, |
69 | 68 | }; |
70 | 69 |
|
71 | | - for (const book of booksArray) { |
72 | | - const title = booksObject[book].title; |
73 | | - const author = booksObject[book].author; |
74 | | - const original_language = booksObject[book].original_language; |
75 | | - |
76 | | - console.log(title); |
77 | | - console.log(author); |
78 | | - console.log(original_language); |
79 | | - }; |
80 | | - |
81 | 70 | const booksList = document.createElement(`ul`); |
82 | 71 | document.body.insertBefore(booksList, document.body.childNodes[2]); |
83 | 72 |
|
84 | 73 | for (const book of booksArray) { |
85 | 74 | const listItem = document.createElement(`li`); |
86 | 75 | booksList.appendChild(listItem); |
87 | 76 | listItem.setAttribute(`id`, book); |
88 | | - |
| 77 | + |
89 | 78 | const title = document.createElement(`h3`); |
90 | 79 | listItem.appendChild(title); |
91 | 80 | const titleContent = document.createTextNode(booksObject[book].title); |
|
99 | 88 |
|
100 | 89 | const original_language = document.createElement(`p`); |
101 | 90 | listItem.appendChild(original_language); |
102 | | - const original_languageContent = document.createTextNode(`Original language: ${booksObject[book].original_language}`); |
| 91 | + const original_languageContent = document.createTextNode( |
| 92 | + `Original language: ${booksObject[book].original_language}`, |
| 93 | + ); |
103 | 94 | original_language.appendChild(original_languageContent); |
| 95 | + } |
| 96 | + |
| 97 | + const imagesObject = { |
| 98 | + The_Goldfinch: { |
| 99 | + url: `images/The_Goldfinch.jpg`, |
| 100 | + }, |
| 101 | + A_Garden_of_Earthly_Delights: { |
| 102 | + url: `images/A_Garden_of_Earthly_Delights.jpg`, |
| 103 | + }, |
| 104 | + Beloved: { |
| 105 | + url: `images/Beloved.jpg`, |
| 106 | + }, |
| 107 | + There_Once_Lived_a_Woman_Who_Tried_to_Kill_Her_Neighbors_Baby: { |
| 108 | + url: `images/There_Once_Lived_a_Woman_Who_Tried_to_Kill_Her_Neighbors_Baby.jpg`, |
| 109 | + }, |
| 110 | + The_House_of_the_Spirits: { |
| 111 | + url: `images/The_House_of_the_Spirits.jpg`, |
| 112 | + }, |
| 113 | + The_Left_Hand_of_Darkness: { |
| 114 | + url: `images/The_Left_Hand_of_Darkness.jpg`, |
| 115 | + }, |
| 116 | + The_Unwomanly_Face_of_War: { |
| 117 | + url: `images/The_Unwomanly_Face_of_War.jpg`, |
| 118 | + }, |
| 119 | + Chernobyl_Prayer: { |
| 120 | + url: `images/Chernobyl_Prayer.jpg`, |
| 121 | + }, |
| 122 | + Runaway: { |
| 123 | + url: `images/Runaway.jpg`, |
| 124 | + }, |
| 125 | + The_Year_of_Magical_Thinking: { |
| 126 | + url: `images/The_Year_of_Magical_Thinking.jpg`, |
| 127 | + }, |
104 | 128 | }; |
105 | 129 |
|
106 | 130 | for (const book of booksArray) { |
|
109 | 133 | const image = document.createElement(`img`); |
110 | 134 | listItem.appendChild(image); |
111 | 135 | listItem.insertBefore(image, listItem.childNodes[0]); |
112 | | - image.setAttribute(`src`, `images/${book}.jpg`); |
113 | | - }; |
114 | | - |
115 | | -}; |
| 136 | + image.setAttribute(`src`, imagesObject[book].url); |
| 137 | + } |
| 138 | +} |
0 commit comments