Terminado el widget de clima

index.html

@@ -24,14 +24,15 @@
 
       <div id="weather-box" class="box">
         <div class="weather-description">
-          <span class="weather-degrees">11°</span>
-          <span class="weather-where">Temuco</span>
+          <span class="weather-degrees">99º</span>
+          <span class="weather-where">Nether</span>
         </div>
         <img class="weather-icon" src="http://openweathermap.org/img/wn/04n@4x.png"/> 
       </div>
 
       <div id="custom-box" class="box">
-        <p>Custom</p>
+        <pre>
+        </pre>
       </div>
 
       <div id="currency-box" class="box">

script.js

@@ -205,11 +205,31 @@ const search = new function () {
 }
 
 const weather = new function () {
+  this.query_weather = async (city) => {
+    const data = await fetch(`https://home.danielcortes.xyz/weather?city=${city}`)
+    return await data.json()
+  }
 
+  this.show_weather = async () => {
+    const degrees_span = document.getElementsByClassName('weather-degrees')[0]
+    const where_span = document.getElementsByClassName('weather-where')[0]
+    const icon_img = document.getElementsByClassName('weather-icon')[0]
+    
+    const weather = await this.query_weather('temuco')
+
+    degrees_span.innerHTML = `${weather.temp}º`;
+    where_span.innerHTML = weather.name;
+    icon_img.src = weather.icon;
+  }
+
+  this.on_load = () => {
+    this.show_weather()
+  }
 }
 
 window.addEventListener('load', () => {
   currency.on_load()
   photos.on_load()
   search.on_load()
+  weather.on_load()
 });