Estoy buscando una manera de tomar los datos que se extraen de esta API y quizás agregarlos a una variable que luego pueda mostrar en mi html. Actualmente esta es la llamada api:
fetch(`http://api.weatherstack.com/current?${params}`) .then(response => response.json()) .then(data => console.log(data.current));
Este es un ejemplo de cómo se vería el objeto de respuesta:
{"request":{"type":"City","query":"New York, United States of America","language":"en","unit":"m"},"location":{"name":"New York","country":"United States of America","region":"New York","lat":"40.714","lon":"-74.006","timezone_id":"America\/New_York","localtime":"2022-05-25 15:18","localtime_epoch":1653491880,"utc_offset":"-4.0"},"current":{"observation_time":"07:18 PM","temperature":20,"weather_code":116,"weather_icons":["https:\/\/assets.weatherstack.com\/images\/wsymbols01_png_64\/wsymbol_0002_sunny_intervals.png"],"weather_descriptions":["Partly cloudy"],"wind_speed":15,"wind_degree":170,"wind_dir":"S","pressure":1028,"precip":0,"humidity":43,"cloudcover":75,"feelslike":20,"uv_index":6,"visibility":16,"is_day":"yes"}}
Entiendo que eventualmente tendría que getElementById y configurar ese HTML interno en la variable en la que almaceno los datos, pero estoy atascado tratando de almacenar los datos en una variable que puedo usar para mostrar en la página HTML. También tengo una página HTML configurada que enlaza con el archivo js.