From f55dd25a93caa24152500badf8b666c214444e93 Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 17:59:57 -0400
Subject: [PATCH 01/10] first version from tutorial

---
 index.html | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++---
 style.css  |  42 +++++++++++++++++++++
 2 files changed, 146 insertions(+), 5 deletions(-)
 create mode 100644 style.css
diff --git a/index.html b/index.html
index 6524157..9536b81 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,107 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <title>Mashup</title>
-  </head>
-  <body>
+
+<head>
+  <title>Mashup</title>
+  <link rel = "stylesheet" href="style.css" />
+</head>
+
+<body>
+  <section>
+    <h1 id='city'>An App</h1>
+    <p>
+      <a id="temperature" href="#" onclick="switchUnits(); return false;" title="Click to switch between metric and imperial units"></a><span id="weather">
+        By Boting Li</p>
+    </section>
+    
+    
+    <script>
+      var weatherData = {
+      city: document.querySelector("#city"),
+      weather: document.querySelector("#weather"),
+      temperature: document.querySelector("#temperature"),
+      temperatureValue: 0,
+      units: " C"
+    };
+      
+      function switchUnits(){
+      if (weatherData.units == " C"){
+        weatherData.temperatureValue = (weatherData.temperatureValue *  9/5 + 32).toFixed(1);
+        weatherData.units = " F";
+      }
+      else{
+        weatherData.temperatureValue = ((weatherData.temperatureValue -  32) * 5/9).toFixed(1);
+        weatherData.units = " C";
+      }
+
+      weatherData.temperature.innerHTML = weatherData.temperatureValue + weatherData.units + ", ";   
+      console.log(""+weatherData.temperatureValue)
+       console.log( weatherData.units)
+    }
+      
+    function getLocationAndWeather(){
+     if (window.XMLHttpRequest){
+      var xhr = new XMLHttpRequest();
+      xhr.addEventListener("load", function() {
+        var response = JSON.parse(xhr.responseText);
+
+        console.log(response);
+        var position = {
+          latitude: response.latitude,
+          longitude: response.longitude
+        };
+        var cityName = response.city;
+
+        var weatherSimpleDescription = response.weather.simple;
+        var weatherDescription = response.weather.description;
+        var weatherTemperature = Math.round(response.weather.temperature);
+
+        weatherData.temperatureValue = weatherTemperature;
+
+        loadBackground(position.latitude, position.longitude, weatherSimpleDescription);
+        weatherData.city.innerHTML = cityName;
+        weatherData.weather.innerHTML =  ", " + weatherDescription;
+        weatherData.temperature.innerHTML = weatherTemperature + weatherData.units;
+      }, false);
+
+      xhr.addEventListener("error", function(err){
+        alert("Could not complete the request");
+      }, false);
+
+      xhr.open("GET", "https://fourtonfish.com/tutorials/weather-web-app/getlocationandweather.php?owapikey=9aed963107b4f6b4329a401768c13a60&units=metric", true);
+      xhr.send();
+    }
+    else{
+      alert("Unable to fetch the location and weather data.");
+    }         
+  }
+      
+      function loadBackground(lat, lon, weatherTag) {
+        var script_element = document.createElement('script');
+
+        script_element.src = "https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=13e395b96b7b8c5937454b23c895655c&lat=" + lat + "&lon=" + lon + "&accuracy=1&tags=" + weatherTag + "&sort=relevance&extras=url_l&format=json";
+
+        document.getElementsByTagName('head')[0].appendChild(script_element);
+      }
+      
+      function jsonFlickrApi(data){
+        if (data.photos.pages > 0){
+          var photo = data.photos.photo[1];
+          document.querySelector("body").style.backgroundImage = "url('" + photo.url_l + "')";
+          //document.querySelector("#image-source").setAttribute("href", "http://www.flickr.com/photos/" + photo.owner + "/" + photo.id);
+        }
+        else{
+          document.querySelector("body").style.backgroundImage = "url('https://fourtonfish.com/tutorials/weather-web-app/images/default.jpg')";
+          //document.querySelector("#image-source").setAttribute("href", "https://www.flickr.com/photos/superfamous/310185523/sizes/o/");
+        }
+      }
+      
+      getLocationAndWeather();
+      
+      
+    
+    </script>
+    
   </body>
-</html>
+  
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..101d7c0
--- /dev/null
+++ b/style.css
@@ -0,0 +1,42 @@
+section{
+  min-height: 100%;
+}
+
+h1{
+  font-size: 2em;
+  padding: 0 0.3em;
+  line-height: 1em;
+}
+
+p{
+  padding: 0 1em;
+}
+
+a{
+  color: #fff;
+}
+
+footer{
+  position: absolute;
+  bottom: 0;
+  font-size: 0.5em;
+}
+
+#temperature{
+  text-decoration: none;
+  border-bottom:
+}
+
+body{
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: Arial, sans-serif;
+  font-size: 2em;
+  text-shadow: 0 0 10px #000;
+  color: #fff;
+  background: #888;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-size: cover;
+}
\ No newline at end of file

From 565310ac9c7a9950e553d31a7a138fd25666baaa Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 18:31:51 -0400
Subject: [PATCH 02/10] add random picture

---
 index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 9536b81..cc5ff94 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,6 @@ <h1 id='city'>An App</h1>
         By Boting Li</p>
     </section>
     
-    
     <script>
       var weatherData = {
       city: document.querySelector("#city"),
@@ -24,6 +23,8 @@ <h1 id='city'>An App</h1>
       units: " C"
     };
       
+      
+      
       function switchUnits(){
       if (weatherData.units == " C"){
         weatherData.temperatureValue = (weatherData.temperatureValue *  9/5 + 32).toFixed(1);
@@ -39,6 +40,8 @@ <h1 id='city'>An App</h1>
        console.log( weatherData.units)
     }
       
+      
+      
     function getLocationAndWeather(){
      if (window.XMLHttpRequest){
       var xhr = new XMLHttpRequest();
@@ -76,6 +79,8 @@ <h1 id='city'>An App</h1>
     }         
   }
       
+      
+      
       function loadBackground(lat, lon, weatherTag) {
         var script_element = document.createElement('script');
 
@@ -86,7 +91,9 @@ <h1 id='city'>An App</h1>
       
       function jsonFlickrApi(data){
         if (data.photos.pages > 0){
-          var photo = data.photos.photo[1];
+          var ind = Math.floor((Math.random() * data.photos.photo.length ) + 1);
+          console.log("" + ind)
+          var photo = data.photos.photo[ind];
           document.querySelector("body").style.backgroundImage = "url('" + photo.url_l + "')";
           //document.querySelector("#image-source").setAttribute("href", "http://www.flickr.com/photos/" + photo.owner + "/" + photo.id);
         }

From 2f135dfc7faad977a0782d613faa4159b97a4ab3 Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 19:04:23 -0400
Subject: [PATCH 03/10] fix comma

---
 index.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index cc5ff94..42b3bee 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
 <head>
   <title>Mashup</title>
   <link rel = "stylesheet" href="style.css" />
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 </head>
 
 <body>
@@ -11,9 +12,13 @@
     <h1 id='city'>An App</h1>
     <p>
       <a id="temperature" href="#" onclick="switchUnits(); return false;" title="Click to switch between metric and imperial units"></a><span id="weather">
+      
         By Boting Li</p>
+      
     </section>
     
+    
+    
     <script>
       var weatherData = {
       city: document.querySelector("#city"),
@@ -35,9 +40,9 @@ <h1 id='city'>An App</h1>
         weatherData.units = " C";
       }
 
-      weatherData.temperature.innerHTML = weatherData.temperatureValue + weatherData.units + ", ";   
+      weatherData.temperature.innerHTML = weatherData.temperatureValue + weatherData.units;   
       console.log(""+weatherData.temperatureValue)
-       console.log( weatherData.units)
+      console.log( weatherData.units)
     }
       
       
@@ -95,11 +100,9 @@ <h1 id='city'>An App</h1>
           console.log("" + ind)
           var photo = data.photos.photo[ind];
           document.querySelector("body").style.backgroundImage = "url('" + photo.url_l + "')";
-          //document.querySelector("#image-source").setAttribute("href", "http://www.flickr.com/photos/" + photo.owner + "/" + photo.id);
         }
         else{
           document.querySelector("body").style.backgroundImage = "url('https://fourtonfish.com/tutorials/weather-web-app/images/default.jpg')";
-          //document.querySelector("#image-source").setAttribute("href", "https://www.flickr.com/photos/superfamous/310185523/sizes/o/");
         }
       }
       

From 08d5f434ee3ca3e50a532656503ea890deba77c2 Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 19:19:33 -0400
Subject: [PATCH 04/10] add clickable and readme file

---
 README.md  | 44 +++-----------------------------------------
 index.html |  5 +++++
 style.css  |  6 ++++++
 3 files changed, 14 insertions(+), 41 deletions(-)

diff --git a/README.md b/README.md
index ea283d2..095594c 100644
--- a/README.md
+++ b/README.md
@@ -1,44 +1,6 @@
-# Mashup project
+# Boting Mashup project
 
-This project is open-ended! Requirements:
+Most part of the site is built under the instructions in: https://fourtonfish.makes.org/thimble/make-your-own-web-mashup-introduction-to-web-apis
 
-* Build a site that uses data from at least one external API in an interesting, interactive way.
-* Replace this README with a description of the project.
-* You are welcome to use any 3rd-party libraries/frameworks – just load them from a CDN (e.g. [cdnjs](http://cdnjs.com)), or put them under the [`vendor/`](vendor/) folder.
-* **Do not commit the `client_secret` (or anything else from an API that says "token" or "secret")**, as a hacker could use this to make requests on behalf of you.
+I have added a function to load random picture , and fixed some problem with the unit conversions.
 
-The JS code should be **non-trivial**. That being said... start simple! (Just get the data to show up on the page.) No server-side coding is required, but feel free to create a backend in whatever language if you like, if you need one.
-
-* [AJAX demos](https://github.com/advanced-js/deck/tree/gh-pages/demos/ajax)
-* [inspiration?](http://www.programmableweb.com/mashups)
-
-## Finding an API
-
-A couple things to look for in an API (or at least the endpoints you're using) for this project:
-
-* Make sure it doesn't require authentication/authorization (e.g. [OAuth](http://oauth.net/)) - at least for the endpoints that you want to use - so that you don't need a server.
-* If the API doesn't support cross-domain requests (JSONP or CORS), you will need to use [JSONProxy](https://jsonp.afeld.me/).
-
-Here is a [list of API suggestions](https://gist.github.com/afeld/4952991).
-
-## Too easy?
-
-* build in an object-oriented way
-* add fancy interactivity/animations
-
-## Running tests locally
-
-Within this repository directory in your [virtual machine](https://github.com/startup-systems/vm):
-
-1. [Install Node.js 6.x.](https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions)
-1. Install the project dependencies.
-
-    ```bash
-    npm install
-    ```
-
-1. Run the tests.
-
-    ```bash
-    npm test -s
-    ```
diff --git a/index.html b/index.html
index 42b3bee..da6fb96 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,11 @@ <h1 id='city'>An App</h1>
       
         By Boting Li</p>
       
+
+      <p class = "change" href="#" onclick="getLocationAndWeather(); return false;" title="Click to change a random picture"> Change Pic</p>
+      
+       
+      
     </section>
     
     
diff --git a/style.css b/style.css
index 101d7c0..e374a93 100644
--- a/style.css
+++ b/style.css
@@ -27,6 +27,12 @@ footer{
   border-bottom:
 }
 
+.change
+{
+  cursor: pointer
+  
+}
+
 body{
   height: 100%;
   margin: 0;

From 48a3adbdada11d6de9c441c0aecebe3903fdcf9e Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 19:25:29 -0400
Subject: [PATCH 05/10] rollback readme to merge

---
 README.md  | 58 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 index.html |  5 +++++
 2 files changed, 60 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 095594c..74cbe13 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,58 @@
-# Boting Mashup project
+# Mashup project
+
+This project is open-ended!
+
+* [AJAX demos](https://github.com/advanced-js/deck/tree/gh-pages/demos/ajax)
+* [inspiration?](http://www.programmableweb.com/mashups)
+
+## Requirements
+
+* Build a site that uses data from at least one external API in an interesting, interactive way. (**80%**)
+* HTML validation (using the [Nu HTML Checker](https://validator.w3.org/nu/)) must pass. (**10%**)
+* JavaScript linting (using the configured [JSHint](http://jshint.com/about/)) must pass. (**10%**)
+* Replace this README with a description of the project.
+
+### Extra credit
+
+Too easy?
+
+* Build in an [object-oriented](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript) way (**10%**)
+* Add fancy interactivity/animations (**10%**)
+
+If you do either of these, please let Aidan know so he can take a look.
+
+## Tips
+
+* The JS code should be **non-trivial**. That being said... start simple! (Just get the data to show up on the page.)
+* No server-side coding is required, but feel free to create a backend in whatever language if you like, if you need one.
+* You are welcome to use any 3rd-party libraries/frameworks – just load them from a CDN (e.g. [cdnjs](http://cdnjs.com)), or put them under the [`vendor/`](vendor/) folder.
+* **Do not commit the `client_secret` (or anything else from an API that says "token" or "secret")**, as a hacker could use this to make requests on behalf of you.
+
+## Finding an API
+
+A couple things to look for in an API (or at least the endpoints you're using) for this project:
+
+* Make sure it doesn't require authentication/authorization (e.g. [OAuth](http://oauth.net/)) - at least for the endpoints that you want to use - so that you don't need a server.
+* If the API doesn't support cross-domain requests (JSONP or CORS), you will need to use [JSONProxy](https://jsonp.afeld.me/).
+
+Here is a [list of API suggestions](https://gist.github.com/afeld/4952991).
+
+## Running tests locally
+
+Within this repository directory in your [virtual machine](https://github.com/startup-systems/vm):
+
+1. [Install Node.js 6.x.](https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions)
+1. Install the project dependencies.
+
+    ```bash
+    npm install
+    ```
+
+1. Run the tests.
+
+    ```bash
+    npm test -s
+    ```
 
-Most part of the site is built under the instructions in: https://fourtonfish.makes.org/thimble/make-your-own-web-mashup-introduction-to-web-apis
 
-I have added a function to load random picture , and fixed some problem with the unit conversions.
 
diff --git a/index.html b/index.html
index da6fb96..e247655 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,9 @@
 <!DOCTYPE html>
+<!--
+Most part of the site is built under the instructions in: https://fourtonfish.makes.org/thimble/make-your-own-web-mashup-introduction-to-web-apis
+
+I have added a function to load random picture , and fixed some problem with the unit conversions.
+-->
 <html>
 
 <head>

From 6aec4110b01c152e75136bc0614589419df4670a Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 19:43:41 -0400
Subject: [PATCH 06/10] fix some error

---
 index.html | 41 +++++++++++++++++++++--------------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index e247655..1401bff 100644
--- a/index.html
+++ b/index.html
@@ -51,10 +51,29 @@ <h1 id='city'>An App</h1>
       }
 
       weatherData.temperature.innerHTML = weatherData.temperatureValue + weatherData.units;   
-      console.log(""+weatherData.temperatureValue)
-      console.log( weatherData.units)
+//      console.log(""+weatherData.temperatureValue);
+//      console.log( weatherData.units);
     }
+    
+    function loadBackground(lat, lon, weatherTag) {
+        var script_element = document.createElement('script');
+
+        script_element.src = "https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=13e395b96b7b8c5937454b23c895655c&lat=" + lat + "&lon=" + lon + "&accuracy=1&tags=" + weatherTag + "&sort=relevance&extras=url_l&format=json";
+
+        document.getElementsByTagName('head')[0].appendChild(script_element);
+      }
       
+      function jsonFlickrApi(data){
+        if (data.photos.pages > 0){
+          var ind = Math.floor((Math.random() * data.photos.photo.length ) + 1);
+//          console.log("" + ind)
+          var photo = data.photos.photo[ind];
+          document.querySelector("body").style.backgroundImage = "url('" + photo.url_l + "')";
+        }
+        else{
+          document.querySelector("body").style.backgroundImage = "url('https://fourtonfish.com/tutorials/weather-web-app/images/default.jpg')";
+        }
+      }
       
       
     function getLocationAndWeather(){
@@ -96,25 +115,7 @@ <h1 id='city'>An App</h1>
       
       
       
-      function loadBackground(lat, lon, weatherTag) {
-        var script_element = document.createElement('script');
-
-        script_element.src = "https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=13e395b96b7b8c5937454b23c895655c&lat=" + lat + "&lon=" + lon + "&accuracy=1&tags=" + weatherTag + "&sort=relevance&extras=url_l&format=json";
-
-        document.getElementsByTagName('head')[0].appendChild(script_element);
-      }
       
-      function jsonFlickrApi(data){
-        if (data.photos.pages > 0){
-          var ind = Math.floor((Math.random() * data.photos.photo.length ) + 1);
-          console.log("" + ind)
-          var photo = data.photos.photo[ind];
-          document.querySelector("body").style.backgroundImage = "url('" + photo.url_l + "')";
-        }
-        else{
-          document.querySelector("body").style.backgroundImage = "url('https://fourtonfish.com/tutorials/weather-web-app/images/default.jpg')";
-        }
-      }
       
       getLocationAndWeather();
       

From 9c1a59795d821c4ab64d0183fd1b891a5ccb60da Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 20:28:57 -0400
Subject: [PATCH 07/10] fix some error2

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1401bff..357d056 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@ <h1 id='city'>An App</h1>
       
       
       function switchUnits(){
-      if (weatherData.units == " C"){
+      if (weatherData.units === " C"){
         weatherData.temperatureValue = (weatherData.temperatureValue *  9/5 + 32).toFixed(1);
         weatherData.units = " F";
       }

From 3aa6b603bb634b3be7161c844d2a7d32adc3fd56 Mon Sep 17 00:00:00 2001
From: botingli <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 20:37:14 -0400
Subject: [PATCH 08/10] fix some error3

---
 index.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 357d056..81da391 100644
--- a/index.html
+++ b/index.html
@@ -15,13 +15,14 @@
 <body>
   <section>
     <h1 id='city'>An App</h1>
+    
     <p>
       <a id="temperature" href="#" onclick="switchUnits(); return false;" title="Click to switch between metric and imperial units"></a><span id="weather">
       
-        By Boting Li</p>
+        By Boting Li </span></p>
       
 
-      <p class = "change" href="#" onclick="getLocationAndWeather(); return false;" title="Click to change a random picture"> Change Pic</p>
+      <p class = "change" onclick="getLocationAndWeather(); return false;" title="Click to change a random picture"> Change Pic</p>
       
        
       
@@ -75,11 +76,8 @@ <h1 id='city'>An App</h1>
         }
       }
       
-      
-    function getLocationAndWeather(){
-     if (window.XMLHttpRequest){
-      var xhr = new XMLHttpRequest();
-      xhr.addEventListener("load", function() {
+    
+      function loadInfo {
         var response = JSON.parse(xhr.responseText);
 
         console.log(response);
@@ -99,7 +97,12 @@ <h1 id='city'>An App</h1>
         weatherData.city.innerHTML = cityName;
         weatherData.weather.innerHTML =  ", " + weatherDescription;
         weatherData.temperature.innerHTML = weatherTemperature + weatherData.units;
-      }, false);
+      }
+      
+    function getLocationAndWeather(){
+     if (window.XMLHttpRequest){
+      var xhr = new XMLHttpRequest();
+      xhr.addEventListener("load", loadInfo, false);
 
       xhr.addEventListener("error", function(err){
         alert("Could not complete the request");

From e479a8a88ebbfa0be88cb6a7917383c4191cfa27 Mon Sep 17 00:00:00 2001
From: Boting Li <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 21:52:47 -0400
Subject: [PATCH 09/10] fix bugs

---
 index.html | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 81da391..cd3b3b9 100644
--- a/index.html
+++ b/index.html
@@ -76,12 +76,9 @@ <h1 id='city'>An App</h1>
         }
       }
       
-    
-      function loadInfo {
-        var response = JSON.parse(xhr.responseText);
-
-        console.log(response);
-        var position = {
+    function loadInfo(response)
+        {
+            var position = {
           latitude: response.latitude,
           longitude: response.longitude
         };
@@ -97,12 +94,19 @@ <h1 id='city'>An App</h1>
         weatherData.city.innerHTML = cityName;
         weatherData.weather.innerHTML =  ", " + weatherDescription;
         weatherData.temperature.innerHTML = weatherTemperature + weatherData.units;
-      }
+        }
       
-    function getLocationAndWeather(){
+    function getLocationAndWeather()
+    {
      if (window.XMLHttpRequest){
       var xhr = new XMLHttpRequest();
-      xhr.addEventListener("load", loadInfo, false);
+      xhr.addEventListener("load", function() {
+        var response = JSON.parse(xhr.responseText);
+
+        console.log(response);
+          loadInfo(response)
+        
+      });
 
       xhr.addEventListener("error", function(err){
         alert("Could not complete the request");

From 166313a2a0a6f06ee7c1ba161bc059335656e1f6 Mon Sep 17 00:00:00 2001
From: Boting Li <botingli27@gmail.com>
Date: Mon, 26 Sep 2016 21:54:25 -0400
Subject: [PATCH 10/10] hopfully the last error

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index cd3b3b9..2a5b020 100644
--- a/index.html
+++ b/index.html
@@ -104,7 +104,7 @@ <h1 id='city'>An App</h1>
         var response = JSON.parse(xhr.responseText);
 
         console.log(response);
-          loadInfo(response)
+          loadInfo(response);
         
       });
 
