Widget:Geolocation: Unterschied zwischen den Versionen

Widget:Geolocation (Quelltext anzeigen)

571 Bytes hinzugefügt , 12. April 2022

keine Bearbeitungszusammenfassung

205.367

Bearbeitungen

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