Finished first pass of homework

jshortz · Jun 8, 2019 · Jun 8, 2019 · Jun 9, 2019 · Jun 11, 2019 · Jun 29, 2019
commit fa9f7b9b4d996168acf226c9fdec2d4185238e9b
diff --git a/Notes/Thumbs.db b/Notes/Thumbs.db
diff --git a/Week1/homework/app.js b/Week1/homework/app.js
@@ -0,0 +1,119 @@
+'use strict';
+
+{
+  const bookTitles = [
+    'neverwhere',
+    'kushiels_chosen',
+    'huckleberry_finn',
+    'dragons_of_autumn_twilight',
+    'darkness_visible',
+    'the_things_they_carried',
+    'milk_and_honey',
+    'japan_at_war',
+    'the_secret_circle',
+    'basho',
+  ];
+
+  const booksInfo = {
+    neverwhere: {
+      title: 'Neverwhere',
+      author: 'Neil Gaiman',
+      language: 'English',
+      image: 'neverwhere.jpg'
+    },
+    kushiels_chosen: {
+      title: "Kushiel's Chosen",
+      author: 'Jacqueline Carey',
+      language: 'English',
+      image: 'kushiels_chosen.jpg',
+    },
+    huckleberry_finn: {
+      title: 'Huckleberry Finn',
+      author: 'Mark Twain',
+      language: 'English',
+      image: 'huckleberry_finn.jpg',
+    },
+    'dragons_of_autumn_twilight': {
+      'title': 'Dragons of Autumn Twilight',
+      'author': 'Margaret Weis and Tracy Hickman',
+      'language': 'English',
+      'image': 'dragons_of_autumn_twilight.jpg',
+    },
+    'darkness_visible': {
+      'title': 'Darkness Visible',
+      'author': 'William Styron',
+      'language': 'English',
+      'image': 'darkness_visible.jpg',
+    },
+    'the_things_they_carried': {
+      'title': 'The Things They Carried',
+      'author': "Tim O'Brien",
+      'language': 'English',
+      'image': 'the_things_they_carried.jpg',
+    },
+    'milk_and_honey': {
+      'title': 'Milk and Honey',
+      'author': 'Rupi Kaur',
+      'language': 'English',
+      'image': 'milk_and_honey.jpg',
+    },
+    'japan_at_war': {
+      'title': 'Japan At War',
+      'author': 'Haruko Taya Cook and Theodore Failor Cook',
+      'language': 'English and Japanese',
+      'image': 'japan_at_war.jpg',
+    },
+    'the_secret_circle': {
+      'title': 'The Secret Circle',
+      'author': 'L.J. Smith',
+      'language': 'English',
+      'image': 'the_secret_circle.jpg',
+    },
+    'basho': {
+      'title': 'Basho: The Complete Haiku',
+      'author': 'Matsuo Basho',
+      'language': 'Japanese and English',
+      'image': 'basho.jpg',
+    },
+  }
+
+  /* Replace with your own code
+  //console.log(bookTitles); 
+
+  let titlesList = document.createElement('ul');  
+  document.getElementById('titlesListDiv').appendChild(titlesList); */
+
+  let listDiv = document.createElement('div');
+  listDiv.setAttribute('id', 'titlesListDiv');
+  document.body.appendChild(listDiv);
+
+  function createList(titles) {
+    for (let i = 0; i < titles.length; i++) {
+      let idKey = '' + titles[i] + '';
+      let titleDiv = document.createElement('div');
+      titleDiv.setAttribute('id', idKey);
+      titleDiv.style = 'height: 200px';
+      document.getElementById('titlesListDiv').appendChild(titleDiv);
+      let coverImage = document.createElement("img");
+      coverImage.src = booksInfo[idKey].image;
+      coverImage.style = 'height: 200px; width: 145px; float: left; display: inline; margin-right: 20px';
+      document.getElementById(idKey).appendChild(coverImage);
+      let headerTitle = document.createElement('h1');
+      headerTitle.style = 'padding-top: 30px';
+      headerTitle.setAttribute('id', '' + idKey + 'header');
+      document.getElementById(idKey).appendChild(headerTitle);
+      document.getElementById('' + idKey + 'header').innerHTML = booksInfo[idKey].title;
+      let otherInfo = document.createElement('p');
+      otherInfo.setAttribute('id', '' + idKey + 'p');
+      document.getElementById(idKey).appendChild(otherInfo);
+      document.getElementById('' + idKey + 'p').innerHTML = 'Author: ' + booksInfo[idKey].author + '<br><br>Language: ' + booksInfo[idKey].language;
+
+      /*let li = document.createElement('li');      
+      titlesList.appendChild(li);
+      li.id = idKey;
+      document.getElementById(idKey).innerHTML = titles[i];*/
+    }
+  }
+
+  createList(bookTitles);
+}
diff --git a/Week1/homework/basho.jpg b/Week1/homework/basho.jpg
diff --git a/Week1/homework/darkness_visible.jpg b/Week1/homework/darkness_visible.jpg
diff --git a/Week1/homework/dragons_of_autumn_twilight.jpg b/Week1/homework/dragons_of_autumn_twilight.jpg
diff --git a/Week1/homework/huckleberry_finn.jpg b/Week1/homework/huckleberry_finn.jpg
diff --git a/Week1/homework/index.html b/Week1/homework/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+
+</head>
+
+<body>
+  <script type="text/javascript" src="app.js"></script>
+</body>
+
+</html>
diff --git a/Week1/homework/japan_at_war.jpg b/Week1/homework/japan_at_war.jpg
diff --git a/Week1/homework/kushiels_chosen.jpg b/Week1/homework/kushiels_chosen.jpg
diff --git a/Week1/homework/milk_and_honey.jpg b/Week1/homework/milk_and_honey.jpg
diff --git a/Week1/homework/neverwhere.jpg b/Week1/homework/neverwhere.jpg
diff --git a/Week1/homework/the_secret_circle.jpg b/Week1/homework/the_secret_circle.jpg
diff --git a/Week1/homework/the_things_they_carried.jpg b/Week1/homework/the_things_they_carried.jpg