Widget:Geolocation: Unterschied zwischen den Versionen

Aus FürthWiki

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
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>
<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>
</script>

Version vom 12. April 2022, 08:30 Uhr

<script>

 const button = document.getElementById('los'),
   ausgabe = document.getElementById('ausgabe');
 // button.addEventListener('click', ermittlePosition);
   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:
Breite: " + position.coords.latitude + "
Länge: " + position.coords.longitude; }

</script>