correct

foocoding · Nouransaeed · Aug 9, 2019 · Aug 14, 2019 · Aug 14, 2019 · Aug 14, 2019
commit 5e575a9cd8af656f6ad88e750c8383048523881b
diff --git a/Week1/homework/app.js b/Week1/homework/app.js
@@ -1,100 +1,65 @@
-'use strict';
-
-const titles = [
-  'harry_potter_chamber_secrets',
-  'alchemist',  //Paulo coelho
-  'paula',
-  'orlando',
-  'divine-comedy',
-  'the-odyssey',
-];
-
-let objBooks = {
-  "harry_potter_chamber_secrets": {
-    title :"harry_potter_chamber_secrets",
+
+'use strict'
+const books = [
+  {
+    title :"Harry Potter Chamber of Secrets",
     language:"english",
-    author:"Joanne K. Rowling"
+    author:"Joanne K. Rowling",
+
   },
-  "alchemist": {
-    title:"alchemist",
+
+  {
+    title:"Alchemist",
     language:"english",
-    author:"paulo-coelho",
+    author:"paulo-co",
+
   },
-
-    "paula": { 
-      title:"paula", 
-      language:"english",
-      author:"isabel allende",
-    },
-    "orlando":
-      {
-        title:"orlando",
-
-        language:"english",
-
-        author:"virgina wolf",
-
-      },
-    "divine-comedy" :
-       {
-
-        title:"divine-comedy",
-
-        language:"English",
-
-        author:"dante",
-
-      },
-
-      "the-odyssey":
-      {
-
-        title:"the-odyssey",
-
-        language: "english",
-
-        author:"homeros",
-
-      }
-  }
-
-  const ul = document.createElement('ul');
-
-  ul.setAttribute('id', 'booktitle');
-
-
-
-
-/*  function listBooks() {
-  // let i = 0; // this is unnecessary
-  let ul = document.createElement('ul')
-  for (let i = 0; i < title.length; i++) { 
-    let li = document.createElement('li');
-    li.textContent = title[i];
-    ul.appendChild(li);
-  }
-  // we don't do anything with the ul
-  // ???
-}
 
-		document.body.appendChild(ul); // where does ul come from? This will throw an error. 
-	  document.body.onload = listBooks;
-    const objBooksArr = [];
-    for (const newListBooks in objBooks) {
-    console.log(newListBooks);
-    objBooksArr.push(objBooks[newListBooks])
-    }
+  { 
+   title:"Paula", 
+   language:"english",
+   author:"isabel allende",
 
+  },
 
+  {
 
-const bookPic = {
+    title:"Orlando",
+    language:"english",
+    author:"virginia-wolf",
 
-    'harry_potter_chamber_secrets':potter.jpg ,
-    'alchemist':alchemist,  
-    'paula' :paula.jpg,
-    'orlando':woolf.jpg,
-    'divine-comedy':divine.jpg,
-    'the-odyssey' :odyssy.jpg,
-};
+  },
 
+  {
+     title:"Divine Comedy",
+     language:"English",
+     author:"dante",
+
+  },
+
+  {
+    title:"The Odyssey",
+    language: "english",
+    author:"Homeros",
+
+  },
+
+]
+
+function createAndAppend(parent,typ,attributes={}) {
+
+	const elem = document.createElement(typ)
+
+	parent.appendChild(elem)
+
+	for (const key in attributes)
+
+    elem[key] = attributes[key]	
+     return elem
+}
 
+const ul = createAndAppend(document.body, 'ul', {})
+for (const index in books) {
+	const book = books[index]
+	createAndAppend(ul, 'li', {value : index, innerHTML: book.title})
+}
diff --git a/Week1/homework/app2.js b/Week1/homework/app2.js
diff --git a/Week1/homework/index.html b/Week1/homework/index.html
@@ -1,11 +1,10 @@
-<!-- replace this with your HTML content -->
 <!DOCTYPE html>
 <html>
 	<head>
 		<title> Book Titles</title>
-		<script src="app.js"></script>
+
 	</head>
 	<body>
-		<div id="obj-books-Arr"></div>
+		<script src="app.js"></script>
 	</body>
-</html>
+</html>