diff --git a/behdad_setoodegan/week-07/google_books/.vscode/settings.json b/behdad_setoodegan/week-07/google_books/.vscode/settings.json new file mode 100644 index 0000000..3b66410 --- /dev/null +++ b/behdad_setoodegan/week-07/google_books/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "git.ignoreLimitWarning": true +} \ No newline at end of file diff --git a/behdad_setoodegan/week-07/google_books/index.html b/behdad_setoodegan/week-07/google_books/index.html new file mode 100644 index 0000000..36a9246 --- /dev/null +++ b/behdad_setoodegan/week-07/google_books/index.html @@ -0,0 +1,15 @@ + + + + + + Google Books Ajax + + +

Google Books

+

Pleas enter the book name:

+ + +

+ + \ No newline at end of file diff --git a/behdad_setoodegan/week-07/google_books/js/gBooks.js b/behdad_setoodegan/week-07/google_books/js/gBooks.js new file mode 100644 index 0000000..54f3caf --- /dev/null +++ b/behdad_setoodegan/week-07/google_books/js/gBooks.js @@ -0,0 +1,26 @@ +const xhr = new XMLHttpRequest(); + +const fetchFact = function(){ + + title = document.getElementById("bookName").value; + xhr.onreadystatechange = function(){ + if(this.readyState != 4) return; + + const img = document.createElement('img') + const data = JSON.parse(this.responseText) + imageLink = data["items"][0]["volumeInfo"]["imageLinks"]["thumbnail"] + img.src = imageLink + document.body.appendChild(img) + } + + + xhr.open('GET', `https://www.googleapis.com/books/v1/volumes?q=title:${title}`, true); + xhr.send(); +} + +document.getElementById('searchBox').addEventListener('click', fetchFact) + + + + + \ No newline at end of file