Skip to content

update #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
EliaYazdi wants to merge 15 commits into
base: master
Choose a base branch
from
Open

update #17

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
6f46237
update
EliaYazdi Jul 29, 2019
fcab898
map.filter
EliaYazdi Jul 30, 2019
f275389
new update
EliaYazdi Jul 31, 2019
20f4bbb
maartjas.incomplemte
EliaYazdi Aug 1, 2019
115fd6e
book update
EliaYazdi Aug 1, 2019
b95e9fa
Step2.1
EliaYazdi Aug 2, 2019
a6005c4
step2-2 done!
EliaYazdi Aug 2, 2019
5e7684c
step 2-3 done!
EliaYazdi Aug 2, 2019
787c1c7
step2-4 done!
EliaYazdi Aug 2, 2019
ba9a0dc
week01
EliaYazdi Aug 6, 2019
dacdc48
week01
EliaYazdi Aug 6, 2019
6385955
week01
EliaYazdi Aug 6, 2019
cdd6467
week01
EliaYazdi Aug 12, 2019
d5f5873
Week - 1
EliaYazdi Aug 12, 2019
8a8a264
pokemon done!
EliaYazdi Aug 13, 2019
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
EliaYazdi committed Aug 6, 2019
commit dacdc488c4c5cbb3009ebfebfe041791f68f91ef
91 changes: 22 additions & 69 deletions Week1/homework/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,27 @@ const bookList = [
'the-outsiders',
'little-women',
];
//console.log(bookList);
//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);


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

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

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

let booksInfo = {
book1: {
Expand Down Expand Up @@ -38,71 +58,4 @@ let booksInfo = {
author: 'Louisa May',
language: 'English'
}
};

book1Arr = [];
for (const i in booksInfo.book1) {
book1Arr.push(booksInfo.book1[i]);
};

document.querySelector('#first').innerHTML = `<li>${book1Arr}</li>`;


//creat UL

//make an object containing info

/*let ul = document.createElement('ul');
document.getElementById('books').appendChild(ul);

bookList.forEach(book => {
let li = document.createElement('li');
ul.appendChild(li);
li.innerHTML += book;
});
*/

/*const bookInfo = {
'Elia1': {
properties: {
name: 'Elia 1',
Author: 'Elia the Famouse',
Language: 'English',
img: 'eli.jpg',
},
},
'Elia2': {
properties: {
name: 'Elia 2',
Author: 'Elia the Famouse',
Language: 'English',
img: 'eli.jpg',
},
},
'Elia3': {
properties: {
name: 'Elia 3',
Author: 'Elia the Famouse',
Language: 'English',
img: 'eli.jpg',
},
},
'Elia4': {
properties: {
name: 'Elia 4',
Author: 'Elia the Famouse',
Language: 'English',
img: 'eli.jpg',
},
},
'Elia5': {
properties: {
name: 'Elia 5',
Author: 'Elia the Famouse',
Language: 'English',
img: 'eli.jpg',
},
}
}

document.getElementById('inf').innerHTML = `<li>${bookInfo.key}</li>`; */
};
11 changes: 3 additions & 8 deletions Week1/homework/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,10 @@


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

<div id="first">
<p id="info1"></p>
</div>

<div id="second"></div>
<div id="third"></div>
<div id="forth"></div>
<div id="fifth"></div>
<p id="myArr"></p>
<hr></hr>

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