async function fetchLocation() { try { // Using ip-api's API to get location data const response = await fetch('https://ipapi.co/json/'); if (!response.ok) { throw new Error('Unable to fetch location.'); } const data = await response.json(); // Display the city and country if (data && data.city && data.country_name) { document.getElementById('location').textContent = `${data.city}, ${data.country_name}`; } else { document.getElementById('location').textContent = 'Location not available.'; } } catch (error) { console.error('Error fetching location:', error); document.getElementById('location').textContent = 'Error fetching location.'; } } // Call the function to get the location fetchLocation();