I have an API get request that looks like this
axios.get(FULL_API_URL).then(response => {
const weatherApp = document.getElementById('container');
const apiResponse = response.data.list; // Rename API response
apiResponse.map(city => {
console.log('cityName', city.name);
console.log('cityTemp', city.main.temp);
`<h1>${city.name}</h1>`
}).join('');
weatherApp.innerHTML = apiResponse;
});
my console.log reponse is cityName Auckland
and cityTemp 11
however, in my DOM all that is rendered is [OBJECT, OBJECT], my console.log works just fine so i'm not really sure whats going wrong?