Completed lesson 21

Faster, Cupertino jogger boy!

Author: rmion

21 - Geolocation/index-START.html

@@ -57,6 +57,14 @@ <h1 class="speed">
     /*Compass: https://thenounproject.com/search/?q=compass&i=592352*/
   </style>
   <script>
+    const arrow = document.querySelector('.arrow');
+    const speed = document.querySelector('.speed-value');
+    navigator.geolocation.watchPosition((data) => {
+      console.log(data);
+      speed.textContent = data.coords.speed;
+      arrow.style.transform = `rotate(${data.coords.heading}deg)`;
+    })
+
   </script>
 </body>
 </html>