const tempBodensee = document.getElementById('tempBodensee');
const badi_romanshorn_id = 16;
const bodensee_id = 51;
const url = `https://www.wiewarm.ch/api/v1/temperature.json/${badi_romanshorn_id}`;

// Um await zu verwenden, muss die Funktion mit async markiert werden.
async function requestTemp () {
  try {
    // Await macht folgendes:
    // fetch(url) wird nebenläufig ausgeführt das Resultat 
    // wird irgendwann in Zukunft zur Verfügung stehen. Die
    // nebenläufige Berechnung wird mit einer Promise verfolgt.
    fetchPromise = fetch(url);
    // Wird die Promise fulfilled, wird die response-Variable
    // gesetzt und der weitere Code ausgeführt.
    response = await fetchPromise;
    if (response.ok) {
      json = await response.json();
      tempBodensee.textContent = json[bodensee_id].temp + '°C';
    }
  } catch (x) {
    console.log(`Cannot fetch ${url}, status: ${x}`);
  }
};

requestTemp();