From 77666bfe25431c1ad56bf7c58dfe7c2484555b9e Mon Sep 17 00:00:00 2001
From: joey <joeywongsw@gmail.com>
Date: Fri, 21 Aug 2020 03:15:10 +0800
Subject: [PATCH] Editted the js code

---
 index.html       |  2 +-
 js/tv_browser.js | 79 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 80 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0dde707..c4b4f00 100644
--- a/index.html
+++ b/index.html
@@ -26,4 +26,4 @@
 
   <script src="js/tv_browser.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/js/tv_browser.js b/js/tv_browser.js
index da72d19..02efa88 100644
--- a/js/tv_browser.js
+++ b/js/tv_browser.js
@@ -1,2 +1,81 @@
 // API Docs at:
 // http://www.tvmaze.com/api
+
+function get (url) {
+
+    return new Promise ( (resolve, reject) => {
+        let request = new XMLHttpRequest();
+
+        request.addEventListener('load', function() {
+            resolve(this.response);
+        })
+
+        request.addEventListener('error', function() {
+            reject(this.error);
+        })
+
+        request.open('GET', url);
+
+        request.send()
+    })
+}
+
+function submit () {
+
+    let input = document.getElementById('show-search');
+    let url = input.value;
+    console.log(url);
+
+    return get ('http://api.tvmaze.com/search/shows?q='+url)
+        .then( response => {
+            let jsonResponse = JSON.parse(response);
+
+            jsonResponse.forEach ( show => {
+                console.log(show.show.name);
+                let option = document.createElement('option');
+                option.setAttribute('value', show.show.id);
+                option.textContent = show.show.name;
+                document.getElementById('show-select').appendChild(option);
+            })
+
+            document.getElementById('show-select').addEventListener('change', function(){
+                console.log('hello');
+            })
+        })
+
+        .catch( response => {
+            console.log('beep! beep! error!')
+        })
+
+}
+
+// function responseHandler () {
+
+//     // console.log('response text', this.responseText);
+
+//     let response = JSON.parse(this.responseText);
+//     console.log(response);
+
+//     response.forEach ( show => {
+//         console.log(show.show.name);
+//         let option = document.createElement('option');
+//         option.textContent = show.show.name;
+//         document.getElementById('show-select').appendChild(option);
+//     })
+
+//     var showDetails = document.getElementById('show-detail');
+// }
+
+// function submit (event) {
+
+//     let input = document.getElementById('show-search');
+//     let url = input.value;
+//     console.log(url);
+
+//     var request = new XMLHttpRequest();
+//     request.addEventListener('load', responseHandler);
+//     request.open('GET', 'http://api.tvmaze.com/search/shows?q='+url);
+//     request.send();
+// }
+
+document.querySelector('button').addEventListener('click', submit);
\ No newline at end of file