Widget:Geolocation: Unterschied zwischen den Versionen

Aktuelle Version vom 13. April 2022, 09:39 Uhr

 ausgabe = document.getElementById('geoloc');

 if (navigator.geolocation) {
   navigator.geolocation.getCurrentPosition(zeigePosition);
 } else {
   ausgabe.replaceWith('Ihr Browser unterstützt keine Geolocation.');
 }

 function zeigePosition(position) {
   ausgabe.replaceWith(position.coords.latitude + ", " + position.coords.longitude);
 }

</script>

@@ Zeile 1: / Zeile 1: @@
-<h1>HTML5 - Geolocation<br>Ihren Standort ermitteln</h1>
+<p id="geoloc"></p>
-<main>
-	<p>Sobald Sie auf den Button klicken, werden Ihre Koordinaten ermittelt.</p>
-	<button
-	id="los">Los!</button>
-		<p id="ausgabe"></p>
-</main>
 <script>
-	const button = document.getElementById('los'),
+  ausgabe = document.getElementById('geoloc');
-		ausgabe = document.getElementById('ausgabe');
-	button.addEventListener('click', ermittlePosition);
-	function ermittlePosition() {
+  if (navigator.geolocation) {
-		if (navigator.geolocation) {
+    navigator.geolocation.getCurrentPosition(zeigePosition);
-			navigator.geolocation.getCurrentPosition(zeigePosition);
+  } else {
-		} else {
+    ausgabe.replaceWith('Ihr Browser unterstützt keine Geolocation.');
-			ausgabe.innerHTML = 'Ihr Browser unterstützt keine Geolocation.';
+  }
-		}
-	}
-	function zeigePosition(position) {
-		ausgabe.innerHTML = "Ihre Koordinaten sind:<br> Breite: " + position.coords.latitude +
-			"<br>Länge: " + position.coords.longitude;
-	}
+  function zeigePosition(position) {
+    ausgabe.replaceWith(position.coords.latitude + ", " + position.coords.longitude);
+  }
 </script>