Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
week01
  • Loading branch information
EliaYazdi committed Aug 6, 2019
commit 6385955af96ba1a580cbe5069a8a535f1e0d38c2
98 changes: 56 additions & 42 deletions Week1/homework/app.js
Original file line number Diff line number Diff line change
@@ -1,61 +1,75 @@
//make an array

const bookList = [
'the-kite-runner',
'number-the-stars',
'pride-and-prejudice',
'the-outsiders',
'little-women',
'the-kite-runner',
'number-the-stars',
'pride-and-prejudice',
'the-outsiders',
'little-women',
];
//this is how I printed my array in the DOM but not like a list. like a line!
document.querySelector('#myArr').innerHTML = `<li>${bookList}</li>`

//Now I want to creat an unordered list out of the bookList array

function createList() {
let uList = document.createElement('ul');
uList.setAttribute('id', 'li');
document.body.appendChild(uList);
let uList = document.createElement('ul');
uList.setAttribute('id', 'li');
document.body.appendChild(uList);


for (let index in bookList) {
let eachBook = document.createElement('li');
uList.appendChild(eachBook);
for (let index in bookList) {
let eachBook = document.createElement('li');
uList.appendChild(eachBook);

eachBook.textContent = bookList[index];
}
eachBook.textContent = bookList[index];
}
}
createList();

//Now I have an object of my must read books information

let booksInfo = {
book1: {
title: 'The Kite Runner',
author: 'Khaled Hosseini',
language: 'English',
},
book2: {
title: 'Number the Stars',
author: 'lois Lowry',
language: 'English',

},
book3: {
title: 'Pride and Prejudice',
author: 'Jane Austen',
language: 'English',

},
book4: {
title: 'The Outsiders',
author: 'S.E Hinton',
language: 'English',

},
book5: {
title: 'Little Women',
author: 'Louisa May',
language: 'English'
}
};
book1: {
title: 'The Kite Runner',
author: 'Khaled Hosseini',
language: 'English',
},
book2: {
title: 'Number the Stars',
author: 'lois Lowry',
language: 'English',

},
book3: {
title: 'Pride and Prejudice',
author: 'Jane Austen',
language: 'English',

},
book4: {
title: 'The Outsiders',
author: 'S.E Hinton',
language: 'English',

},
book5: {
title: 'Little Women',
author: 'Louisa May',
language: 'English'
}
};

function makeArray(myObj) {
let newArray = [];
for (let i in myObj) {
newArray.push(i);
}
console.log(newArray);
}
let book1infoArr = makeArray(booksInfo.book1);
let book2infoArr = makeArray(booksInfo.book2);
let book3infoArr = makeArray(booksInfo.book3);
let book4infoArr = makeArray(booksInfo.book4);
let book5infoArr = makeArray(booksInfo.book5);

13 changes: 7 additions & 6 deletions Week1/homework/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,19 @@
<html>

<head>
<title>Elia Books</title>
<title>Elia Books</title>
</head>


<body>
<h1>My Must Read Books</h1>
<h1>My Must Read Books</h1>

<p id="myArr"></p>
<hr></hr>
<p id="myArr"></p>
<hr>
</hr>

<script src="app.js">
</script>
<script src="app.js">
</script>


</body>
Expand Down