junqueira/html5.geolocation.suissa.html

## html5.geolocation.suissa.html
<!DOCTYPE html>
<html>
<body>

<p>Click the button to get your coordinates.</p>

<button id ='getCoordinates'>Try It</button>

<p id='coordinates'></p>

<script>

const addClickInGetCoordinates = () =>
  document.getElementById( 'getCoordinates' )
          .addEventListener(  'click',
                              showLocationIn( 'coordinates' ),
                              false);

const notExistsGeolocation = ( window ) =>
  !( window.navigator.geolocation )

const geolocationIsntSupported = ( el ) =>
  el.innerHTML = 'Geolocation is not supported by this browser.'

const getCurrentPosition = ( geolocation, andShow, here ) =>
  geolocation.getCurrentPosition( andShow( here ) )

const showPositionIn = ( el ) => ( position ) =>
  document.getElementById( el ).innerHTML =
    'Latitude: ' + position.coords.latitude + '<br>' +
    'Longitude: ' + position.coords.longitude

const showLocationIn = ( here ) =>
  notExistsGeolocation( window )
    ? geolocationIsntSupported( here )
    : getCurrentPosition( navigator.geolocation, showPositionIn, here )

const load = addClickInGetCoordinates

document.addEventListener('DOMContentLoaded', load, false);

</script>

</body>
</html>

## html5.geolocation.w3.html
<!DOCTYPE html>
<html>
<body>

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>
var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude +
    "<br>Longitude: " + position.coords.longitude;
}
</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<body>

	<p>Click the button to get your coordinates.</p>

	<button id ='getCoordinates'>Try It</button>

	<p id='coordinates'></p>

	<script>

	const addClickInGetCoordinates = () =>
	document.getElementById( 'getCoordinates' )
	.addEventListener( 'click',
	showLocationIn( 'coordinates' ),
	false);

	const notExistsGeolocation = ( window ) =>
	!( window.navigator.geolocation )

	const geolocationIsntSupported = ( el ) =>
	el.innerHTML = 'Geolocation is not supported by this browser.'

	const getCurrentPosition = ( geolocation, andShow, here ) =>
	geolocation.getCurrentPosition( andShow( here ) )

	const showPositionIn = ( el ) => ( position ) =>
	document.getElementById( el ).innerHTML =
	'Latitude: ' + position.coords.latitude + '<br>' +
	'Longitude: ' + position.coords.longitude

	const showLocationIn = ( here ) =>
	notExistsGeolocation( window )
	? geolocationIsntSupported( here )
	: getCurrentPosition( navigator.geolocation, showPositionIn, here )

	const load = addClickInGetCoordinates

	document.addEventListener('DOMContentLoaded', load, false);

	</script>

	</body>
	</html>