Widget:Geolocation: Unterschied zwischen den Versionen

Widget:Geolocation (Quelltext anzeigen)

154 Bytes entfernt , 12. April 2022

keine Bearbeitungszusammenfassung

205.369

Bearbeitungen

@@ Zeile 1: / Zeile 1: @@
-<h1>HTML5 - Geolocation<br>Ihren Standort ermitteln</h1>
-<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'),
+  const button = document.getElementById('los'),
-		ausgabe = document.getElementById('ausgabe');
+    ausgabe = document.getElementById('ausgabe');
-	button.addEventListener('click', ermittlePosition);
+  // button.addEventListener('click', ermittlePosition);
+    ermittlePosition();
-	function ermittlePosition() {
+  function ermittlePosition() {
-		if (navigator.geolocation) {
+    if (navigator.geolocation) {
-			navigator.geolocation.getCurrentPosition(zeigePosition);
+      navigator.geolocation.getCurrentPosition(zeigePosition);
-		} else {
+    } else {
-			ausgabe.innerHTML = 'Ihr Browser unterstützt keine Geolocation.';
+      ausgabe.innerHTML = 'Ihr Browser unterstützt keine Geolocation.';
-		}
+    }
-	}
+  }
-	function zeigePosition(position) {
+  function zeigePosition(position) {
-		ausgabe.innerHTML = "Ihre Koordinaten sind:<br> Breite: " + position.coords.latitude +
+    ausgabe.innerHTML = "Ihre Koordinaten sind:<br> Breite: " + position.coords.latitude +
-			"<br>Länge: " + position.coords.longitude;
+      "<br>Länge: " + position.coords.longitude;
-	}
+  }
 </script>