Entonces, tengo un proyecto que toma el código postal y el país ingresados por el usuario, toma el código de país según la entrada del país de la API de restcountries y luego toma el clima según el código postal y el código de país de la API de openweather. Ahora openweather tiene algún error por lo que no todos los países funcionan. Quiero dar un mensaje al usuario cuando el país ingresado por los usuarios no funciona. Simplemente un mensaje de texto que "algo salió mal, intente con otro país". También estoy usando funciones de netlify para la llamada. Soy bastante nuevo en la codificación y he intentado algunas cosas, pero no puedo morderlo. ¿Cómo puedo hacer este mensaje de error para el usuario?
Aquí está mi evento para llamadas api y publicación de datos:
async function performAction(e) { const restCountriesUrl = `https://restcountries.com/v3.1/name/${country}`; getCountryCode(restCountriesUrl).then(async (countrydata) => { const countryCode = countrydata[0].cca2; const weatherResponse = await fetch(`/.netlify/functions/fetch-weather?zip=${zip}&countryCode=${countryCode}`) .then((res) => res.json()); const weatherResponseText = JSON.stringify(weatherResponse); console.log(weatherResponseText); city.innerHTML = weatherResponse.city; date.innerHTML = `Date: ${newDate}`; temp.innerHTML = `Temperature: ${weatherResponse.temp}°C`; content.innerHTML = `Feeling: ${feelings}`; }); }Y aquí está mi función netlify:
const handler = async (event) => { const { zip, countryCode } = event.queryStringParameters; const openWeatherMapUrl = `https://api.openweathermap.org/data/2.5/weather?zip=${zip},${countryCode}&units=metric&appid=${process.env.API_KEY_OPENWEATHERMAP}`; try { const { data } = await axios.get(openWeatherMapUrl); return { statusCode: 200, body: JSON.stringify({ temp: data.main.temp, city: data.name, }), }; } catch (error) { return { statusCode: 500, body: error.toString() }; } };