changed according to Altoms feedback

Your Name · Your Name · commit fefaad92c3fd · 2024-02-19T11:46:04.000Z
diff --git a/week-3/reading-list/index.html b/week-3/reading-list/index.html
@@ -1,27 +1,19 @@
-<!DOCTYPE >
+<!DOCTYPE>
 <html lang="en_US">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    
-    <title>Reading list app</title>
-  </head>
-  <body>
-    <div id="content">
-      <ul id="reading-list"></ul>
-    </div>
-    <script src="script.js"></script>
-  </body>
-</html>
 
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="style.css" />
 
-<!-- <div id="content">
-  <ul id="reading-list">
-    <li id="list-of-books">
-      <p>book title</p>
-      <p>book author</p>
-      <img <p>books cover img url</p> />
-    </li>
-  </ul>
-</div> -->
+  <title>Reading list app</title>
+</head>
+
+<body>
+  <div id="content">
+    <ul id="reading-list"></ul>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/week-3/reading-list/script.js b/week-3/reading-list/script.js
@@ -25,20 +25,25 @@ const books = [
 
 const getReadingList = document.getElementById("content");
 const listOfBooks = document.getElementById("reading-list");
-console.log(getReadingList);
 
-for (const item of books){
+for (const item of books) {
   const li = document.createElement("li");
-  listOfBooks.appendChild(li);
+
 
   const p = document.createElement("p");
-  li.appendChild(p);
   p.textContent = `${item.title} by ${item.author}`;
 
   const image = document.createElement("img");
-  li.appendChild(image);
   image.src = item.bookCoverImage;
 
-  if (item.alreadyRead === true){li.setAttribute("class", "green")}
-  else {li.setAttribute("class", "red")}
+  if (item.alreadyRead === true) {
+    li.setAttribute("class", "green")
+  } else {
+    li.setAttribute("class", "red")
+  }
+
+
+  listOfBooks.appendChild(li);
+  li.appendChild(p);
+  li.appendChild(image);
 }
