function selectCity() {
  var city = inputCity.value;
  var url = `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=5407c2b31a604dd5a5605b6f8aa4d19d`;

  fetch(url)
    .then((respons) => respons.json())
    .then(function(data) {
      console.log(data);
      fillWeather(data);
      document.getElementById('icon').innerHTML = `<img src="http://openweathermap.org/img/w/${data.weather[0].icon}.png"/>`;
      document.getElementById('temp').innerHTML = temperatureConverter(data.main.temp);



  })

  document.getElementById('place').innerHTML = `Weather in ${city}`;

  var url2 = `http://api.openweathermap.org/data/2.5/forecast?q=${city}&APPID=5407c2b31a604dd5a5605b6f8aa4d19d`
  fetch(url2)
    .then((respons) => respons.json())
    .then(function(data2) {
      console.log(data2);
      fillForecast(data2);
  ;
  })

  function fillWeather(data) {

    document.getElementById('sunrise').innerHTML = `${addZero(new Date(data.sys.sunrise * 1000).getHours())}:${addZero(new Date(data.sys.sunrise * 1000).getMinutes())}`;
    document.getElementById('sunset').innerHTML = `${addZero(new Date(data.sys.sunset * 1000).getHours())}:${addZero(new Date(data.sys.sunset * 1000).getMinutes())}`;
    document.getElementById('wind').innerHTML = `${data.wind.speed} m/s`;
    document.getElementById('pressure').innerHTML = `${data.main.pressure} hPa `;
    document.getElementById('humidity').innerHTML = `${data.main.humidity} %`;
    document.getElementById('cloudiness').innerHTML = data.weather[0].description;

  }

 function fillForecast(data2) {
  let forecastList = {}
for (i = 0; i < data2.list.length; i++) {
forecastList = {
  time: data2.list[i].dt_txt,
  icon: `<img src="http://openweathermap.org/img/w/${data2.list[i].weather[0].icon}.png"/>`,
  temp: temperatureConverter(data2.list[i].main.temp),
  pressure: data2.list[i].main.pressure + ' hPa',
  wind: data2.list[i].wind.speed + ' m/s',
  weather: data2.list[i].weather[0].description,
  cloudiness: data2.list[i].clouds.all + " %",
}
console.log(forecastList);
}
 }

}

function temperatureConverter(kalvin) {
  let celsius = parseInt(kalvin - 273.15) + ' &#186' + 'C';
  return celsius;
}

  function addZero(number) {
    if (number < 10) {
        return '0' + number;
    }
    return number;
}