JSFiddle - React, Tailwind, and code Playground

by Mariagrazia_Lunghi

HTML

<p>
<strong>Rilevazione delle <span data-time></span>:</strong><br/>
Ti trovi alle coordinate <span data-coords></span>, con una approssimazione di <span data-approx></span> metri
</p>

JavaScript

navigator.geolocation.getCurrentPosition(fillText);

function fillText(position){
    var e_time = document.querySelector('span[data-time]'),
        e_coor = document.querySelector('span[data-coords]'),
        e_appr = document.querySelector('span[data-approx]'),
        time_s = new Date(position.timestamp);
    
    console.log(time_s);
    e_coor.textContent = "lat " + position.coords.latitude + " lon " + position.coords.longitude;
    e_time.textContent = "" + time_s.getHours() + " e " + time_s.getMinutes();
    e_appr.textContent = position.coords.accuracy;
}