<script> // Fetch data from a JSON API fetch('https://api.example.com/data') .then(response => response.json()) .then(data => { // Display the data on the HTML page document.getElementById('data-container').innerHTML = JSON.stringify(data, null, 2);

Get Location

<script> function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, showError); } else document.getElementById("demo").innerHTML = "Geolocation is not supported by this browser."; } } <script> function showPosition(position) { var latitude = position.coords.latitude; var longitude =position. coords.longitude;document. getElementById("demo").innerHTML = "Latitude: " + latitude + "
Longitude: " + longitude; } function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: document.getElementById("demo").innerHTML = "User denied the request for Geolocation."; break; case error.POSITION_UNAVAILABLE: document.getElementById("demo").innerHTML = "Location information is unavailable."; break; case error.TIMEOUT: document.getElementById("demo").innerHTML = "The request to get user location timed out."; break; case error.UNKNOWN_ERROR: document.getElementById("demo").innerHTML = "An unknown error occurred."; break; } } </script>