added location coordinates

index.html

@@ -6,7 +6,8 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-  <link rel="stylesheet" href="style.css" />
+  <link rel="stylesheet" href="./new_style.css" />
+  <link rel="stylesheet" href="style.css">
 
 
   <!-- Google tag (gtag.js) -->
@@ -39,6 +40,7 @@ <h2 style="text-align: center; color: rgba(255,255,255,0.8);">Search for any cit
     <main>
       <section class="location">
         <div class="city"></div>
+        <div class="coords" ></div>
         <div class="date"></div>
       </section>
       <div class="current">

script.js

@@ -22,6 +22,7 @@ function getResults(query) {
   fetch(`${api.base}weather?q=${query}&units=metric&APPID=${api.key}`)
     .then(response => {
       if (!response.ok) {
+        console.log(response)
         if (response.status === 404) {
           throw new Error("City not found")
         } else {
@@ -57,6 +58,10 @@ function displayResults(weather) {
 
   city.innerText = `${weather.name}, ${weather.sys.country}`
 
+  let coords = document.querySelector('.location .coords')
+
+  coords.innerText = `Co-ordinates: Lat:${weather.coord.lat}, Lon:${weather.coord.lon}`
+
   let now = new Date();
   let date = document.querySelector('.location .date')
   date.innerText = dateBuilder(now);