From 2c2b6f85a93c203970e11e5e6514073e1995bdee Mon Sep 17 00:00:00 2001 From: bless4 <36552429+bless4@users.noreply.github.com> Date: Mon, 29 Oct 2018 12:34:12 +0100 Subject: [PATCH 1/4] first commit --- Week1/homework/README.md | 2 + Week1/homework/app.js | 114 +++++++++++++++++- Week1/homework/index.html | 30 ++++- .../pictures/Apostolic Breakthrough.jpg | Bin 0 -> 9545 bytes .../pictures/Business Relationships.jpg | Bin 0 -> 11687 bytes Week1/homework/pictures/Full-Stack React.jpg | Bin 0 -> 9286 bytes Week1/homework/pictures/Happy Partner.jpg | Bin 0 -> 11645 bytes Week1/homework/pictures/Karl Marx.jpg | Bin 0 -> 7326 bytes .../homework/pictures/ReactJS by Eaample.jpg | Bin 0 -> 10371 bytes .../The Theory of Moral Sentiments.jpg | Bin 0 -> 6594 bytes .../pictures/The health of Nations.jpg | Bin 0 -> 7006 bytes ...eb Developemt with MongoDB and Node.js.jpg | Bin 0 -> 9711 bytes Week1/homework/pictures/capital.jpg | Bin 0 -> 7326 bytes .../cart to business relationship.jpg | Bin 0 -> 11687 bytes .../homework/pictures/chamber of secretes.jpg | Bin 0 -> 11645 bytes .../homework/pictures/front end handbook.jpg | Bin 0 -> 19734 bytes .../homework/pictures/front_end_handbook.jpg | Bin 0 -> 19734 bytes .../pictures/full stack react project.jpg | Bin 0 -> 9286 bytes Week1/homework/pictures/moral sentiments.jpg | Bin 0 -> 6594 bytes Week1/homework/pictures/react by example.jpg | Bin 0 -> 10371 bytes Week1/homework/pictures/wealth of nations.jpg | Bin 0 -> 7006 bytes Week1/homework/pictures/web development.jpg | Bin 0 -> 9711 bytes .../pictures/web_dev_mongodb_nodejs.bmp | Bin 0 -> 14930 bytes Week1/homework/style.css | 74 +++++++++++- 24 files changed, 212 insertions(+), 8 deletions(-) create mode 100644 Week1/homework/README.md create mode 100644 Week1/homework/pictures/Apostolic Breakthrough.jpg create mode 100644 Week1/homework/pictures/Business Relationships.jpg create mode 100644 Week1/homework/pictures/Full-Stack React.jpg create mode 100644 Week1/homework/pictures/Happy Partner.jpg create mode 100644 Week1/homework/pictures/Karl Marx.jpg create mode 100644 Week1/homework/pictures/ReactJS by Eaample.jpg create mode 100644 Week1/homework/pictures/The Theory of Moral Sentiments.jpg create mode 100644 Week1/homework/pictures/The health of Nations.jpg create mode 100644 Week1/homework/pictures/Web Developemt with MongoDB and Node.js.jpg create mode 100644 Week1/homework/pictures/capital.jpg create mode 100644 Week1/homework/pictures/cart to business relationship.jpg create mode 100644 Week1/homework/pictures/chamber of secretes.jpg create mode 100644 Week1/homework/pictures/front end handbook.jpg create mode 100644 Week1/homework/pictures/front_end_handbook.jpg create mode 100644 Week1/homework/pictures/full stack react project.jpg create mode 100644 Week1/homework/pictures/moral sentiments.jpg create mode 100644 Week1/homework/pictures/react by example.jpg create mode 100644 Week1/homework/pictures/wealth of nations.jpg create mode 100644 Week1/homework/pictures/web development.jpg create mode 100644 Week1/homework/pictures/web_dev_mongodb_nodejs.bmp diff --git a/Week1/homework/README.md b/Week1/homework/README.md new file mode 100644 index 000000000..51dd1f199 --- /dev/null +++ b/Week1/homework/README.md @@ -0,0 +1,2 @@ +#js2 +JavaScript2 week1 diff --git a/Week1/homework/app.js b/Week1/homework/app.js index ffef836dc..571bf3498 100644 --- a/Week1/homework/app.js +++ b/Week1/homework/app.js @@ -1,11 +1,113 @@ +//book list i have read 'use strict'; -{ - const bookTitles = [ - // Replace with your own book titles - 'harry_potter_chamber_secrets' + let bookTitles = [ + + 'allison graham_cart to business relationship', + 'bill vincent_apostolic breakthrough', + 'jason kro_web development', + 'shama hoque_full stack react project', + 'cody lindley_front end handbook', + 'adam smith_wealth of nations', + 'hunry potter_chamber of secretes', + 'karl marx_capital', + 'vipul sonpatki_react by example', + 'adam smith_moral sentiments', + ]; + // + // books changed from JSON to multiple ARRAY. + // be careful unique keyword=>"bookInfo" in JSON data format.. +'use strict'; + let books = [ + {bookInfo :{ + title: 'cart to business relationship', + author : 'allison graham', + language : 'english', + }}, + {bookInfo :{ + title: 'apostolic breakthrough', + author : 'bill vincent', + language : 'english', + }}, + {bookInfo :{ + title: 'web development', + author : 'jason kro', + language : 'english', + }}, + {bookInfo :{ + title: 'full stack react project', + author : 'shama hoque', + language : 'english', + }}, + {bookInfo :{ + title: 'front end handbook', + author : 'cody lindley', + language : 'english', + }}, + {bookInfo :{ + title: 'wealth of nations', + author : 'adam smith', + language : 'english', + }}, + {bookInfo :{ + title: 'chamber of secretes', + author : 'hunry potter', + language : 'english', + }}, + {bookInfo :{ + title: 'capital', + author : 'karl marx', + language : 'english', + }}, + {bookInfo :{ + title: 'react by example', + author : 'vipul sonpatki', + language : 'english', + }}, + {bookInfo :{ + title: 'moral sentiments', + author : 'adam smith', + language : 'english', + }} + ] + +// adding "itemClick" event +let temp = []; +let itemClick = (e) => { + let id = e.target.id; + if(temp.indexOf(id) == -1){ + temp.push(id); + + let title = books[id]['bookInfo']['title']; + let author = books[id]['bookInfo']['author']; + let language = books[id]['bookInfo']['language']; - // Replace with your own code - console.log(bookTitles); + let str = '
' + title + '
'; + str += '
';
+ str += 'author: ' + author + '
'; + str += 'language: ' + language + '
%6>rET{(B?O$L4VN
zuyDKHRP`T0^;?4N<-ea1`8;Q%tz%fgRjdfb)zzeAON&8d2TU%KD;T~Q5o2hBq#`}J
zgM0%tOq?bJ1+5@Uvg@|FWZaxcoM>k)g4uprJ@D{(^;~4{+dxD9W$E(f?r}kk9gN6<
z5fL`p@yt|1OVbLXcaJdCbz2>w9*iVIWqhQ8(S+)l#qR;x;Gha1#ITuY^YKjE*@)D2
zU>H?Q^~uWjB7@#obO|Z)bDzX1mR#s#<&*Fm4~e_xou$p4)!e6wVj{*pEU&M=wjkIS
zUj=k&1Zhl@Q6sET-Bbu8tz`YA%1}`A&}Widl=D^~Z6BSfVkSnC_e@1X;f6}z4eU>l
zCL0x#`-(x%h~FQB?!N}ZjjaI$;Qp&fRg1*=N?lCDVLO+G`lSjkK>A(?roL$P)8{}n
z-OJk?$FVJ?$|njS8J4j63qT#>1dU~Ri^vx@X67P8Z~J7lZ0hI+t#SR{w$ZJcK4XJj
z{HbK>Nqa=HrW)mbe(i&peCW5jP 35SoA$8m+8XZ~H}5L#XMfZ54>pa~gqWBmvl3C$#Ise9s#&Z)6NstFEnX@`^Ny2R
ze9*8f(XRIU08=1F)jb% c~uibB#KAbti_8~uZk)Vyu|nOV{ItJ$b+{vgS3Pl_U^X0
z)#ustgt{b?;G}g?t=_vH{;XJMSZnOR8+#=$+#jsVE25QiIIDh@b
zp$$~EOaweOIQ~rFxH4ytK!1LDU6rKQ^Y`rHn^OsLUr-7s?bw0?*{