How to access returned JSON

After two evenings I finally got it to write my own little site from scratch to check the weater.

But one problem i couldn’t resolve.

const getWeather = async () => {
  const city = inputField.value;
  const urlToFetch = `${weatherUrl}?q=${city}&appid=${openWeatherKey}`;
  try {
    const response = await fetch(urlToFetch);
    if (response.ok) {
      const jsonResponse = await response.json();
      outputField.innerHTML = `
                                  Stadt: ${}<br>
                                  Wetter: ${[0].main}<br>
                                  Details: ${[0].description}<br>
                                  Temperatur: ${Math.round((jsonResponse.main.temp-273.15) * 10) / 10}<br>
                                  <img src="${[0].icon}@2x.png">
  } catch (error) {

I dont know how to return the jsonResponse like in Wanderlust. I dont get access to the data. I tried to save the invoked function to a variable to get the return of jsonResponse. But it didn’t work. And I really dont have an idea what is going on in Wanderlust with that chained functions and why the values get over these functions. I tried to rebuilt it but I guess I have to practice and reread that.

Here is my first tiny projekt from scratch: (not responsive)