#8.0 Weather API

index4.html

@@ -18,7 +18,8 @@ <h1 id="greeting" class="hidden"></h1>
     <form id="todo-form">
         <input type="text" placeholder="Write a To do and Press Enter" required>
     </form>
-    <ul id="todo-list"></ul>
+    <ul id="todo-list">
+    </ul>
     <h2 id="clock">00:00</h2>
     <div id="quote">
         <span></span>
@@ -30,6 +31,7 @@ <h2 id="clock">00:00</h2>
     <script src="js/quotes.js"></script>
     <script src="js/background.js"></script>
     <script src="js/todo.js"></script>
+    <script src="js/weather.js"></script>
 </body>
 
 </html>

js/weather.js

@@ -0,0 +1,11 @@
+function onGeoOk(position) {
+    console.log(position);
+    const lat = position.coords.latitude;
+    const lng = position.coords.longitude;
+    console.log("You live in", lat, lng)
+}
+function onGeoError() {
+    alert("Can't find you. No weather for you.")
+}
+
+navigator.geolocation.getCurrentPosition(onGeoOk, onGeoError)