Otra opcion

Starting Location (lat, lon):
???°, ???°

Current Location (lat, lon):
???°, ???°

Distance from starting location:
0 km

// check for Geolocation support if (navigator.geolocation) { console.log('Geolocation is supported!'); } else { console.log('Geolocation is not supported for this Browser/OS version yet.'); } window.onload = function() { var startPos; navigator.geolocation.getCurrentPosition(function(position) { startPos = position; document.getElementById('startLat').innerHTML = startPos.coords.latitude; document.getElementById('startLon').innerHTML = startPos.coords.longitude; }); }; window.onload = function() { var startPos; navigator.geolocation.getCurrentPosition(function(position) { // same as above }, function(error) { alert('Error occurred. Error code: ' + error.code); // error.code can be: // 0: unknown error // 1: permission denied // 2: position unavailable (error response from locaton provider) // 3: timed out }); }; navigator.geolocation.watchPosition(function(position) { document.getElementById('currentLat').innerHTML = position.coords.latitude; document.getElementById('currentLon').innerHTML = position.coords.longitude; }); navigator.geolocation.watchPosition(function(position) { // same as above document.getElementById('distance').innerHTML = calculateDistance(startPos.coords.latitude, startPos.coords.longitude, position.coords.latitude, position.coords.longitude); }); function calculateDistance(lat1, lon1, lat2, lon2) { var R = 6371; // km var dLat = (lat2 - lat1).toRad(); var dLon = (lon2 - lon1).toRad(); var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) * Math.sin(dLon / 2) * Math.sin(dLon / 2); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); var d = R * c; return d; } Number.prototype.toRad = function() { return this * Math.PI / 180; }

Formato permanente segunda opción.

Oye la radio mientras lees y navegas en este sitio.

La Chora interminable con moneros Jis y Trino.

Ejercicios permanentes.

La idea es que el estudiante o aprendiz de html, css y Java script vaya aprendiendo, repitiendo y creando a la vez. Una obra diaria con la cual repetirá la forma de hacer metadatos, listas, tablas, enlaces, insertar videos e imágenes, incluyendo formas o cuestionarios para el usuarios. Todo esto a la vez que va dandole forma al estilo con colores de letras, de fondos, de alineación de palabras, tipo de letras etc... Usando finalmente el input del usuario y convirtiendolo o utilizandolo para desplegar la información a su manera.

Precisamente la estructura que el aprendiz seguirá es la misma que estamos estableciendo en esta página web. Html, Css y Java script básico, pero suficientemente útil para que desde el principo sus creaciones se puedan apreciar en la web.