{
  "город": "Москва",
  "температура": 15,
  "погода": "пасмурно",
  "ветер": {
    "скорость": 5,
    "направление": "северный"
  },
  "прогноз": ["дождь", "снег", "солнце"]
}

// Доступ к данным:
const данные = JSON.parse(ответ);
console.log(данные.температура); // 15
console.log(данные.ветер.скорость); // 5

// fetch возвращает Promise
fetch('https://api.example.com/data')
  .then(response => {
    console.log('Статус:', response.status);
    return response.json(); // парсим JSON
  })
  .then(данные => {
    console.log('Данные:', данные);
  })
  .catch(ошибка => {
    console.error('Ошибка:', ошибка);
  });

// async/await — читается как обычный код
async function загрузитьДанные() {
  const ответ = await fetch('https://api.example.com/data');
  const данные = await ответ.json();
  console.log(данные);
  return данные;
}

загрузитьДанные(); // вызываем

// Стрелочная async функция:
const getData = async () => {
  const res = await fetch('https://api.example.com');
  return res.json();
};

async function безопасныйЗапрос() {
  try {
    const ответ = await fetch('https://api.example.com');
    // Проверяем статус ответа
    if (!ответ.ok) {
      throw new Error('Ошибка: ' + ответ.status);
    }
    const данные = await ответ.json();
    показатьДанные(данные);
  } catch (ошибка) {
    console.error('Что-то пошло не так:', ошибка);
    показатьОшибку('Нет интернета 😢');
  } finally {
    скрытьЗагрузку(); // всегда выполняется
  }
}

// Open-Meteo — бесплатный API погоды
async function получитьПогоду() {
  const url = 'https://api.open-meteo.com/v1/forecast'
    + '?latitude=55.75&longitude=37.62'
    + '¤t_weather=true';
  
  try {
    const res = await fetch(url);
    const data = await res.json();
    const temp = data.current_weather.temperature;
    document.querySelector('#temp').textContent
      = `Москва: ${temp}°C`;
  } catch (e) {
    console.error(e);
  }
}
получитьПогоду();