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();
