script.js

let weather = {
    apiKey: "39a9652269513c0c31e628cacc2d9a0c", 
    fetchWeather: function (city) {

        fetch(
        "https://api.openweathermap.org/data/2.5/weather?q="
            + city
            + "&units=metric&appid="
            + this.apiKey
      )
        .then((response) => response.json())
        .then((data) => this.displayWeather(data));
    },
    displayWeather: function(data) {
        const { name } = data;
        const { icon, description } = data.weather[0];
        const { temp, humidity } = data.main;
        const { speed } = data.wind;
        console.log(name,icon,description,temp,humidity,speed)   
        document.querySelector(".city").innerText = "Weather in " + name;
        document.querySelector(".icon").src =
         "https://openweathermap.org/img/wn/"+ icon + ".png"
         document.querySelector(".description").innerText =  description;
         document.querySelector(".temp").innerText = temp + "°C";
         document.querySelector(".humidity").innerText =  "Humidity: " + humidity + "%";
         document.querySelector(".wind").innerText = "Wind Speed: " + speed + "km/h"
         document.querySelector(".weather").classList.remove("loading");
         document.body.style.backgroundImage = "url('http://source.unsplash.com/1600x900/?" + name + "')"
    },
    search: function (){
            this.fetchWeather(document.querySelector(".search-bar").value);
    }
};

document.querySelector(".search button").addEventListener("click", function() {
    weather.search();
});

document.querySelector(".search-bar").addEventListener("keyup", function (event) {
    if (event.key == "Enter" ) {
        weather.search();   
    }
})  

weather.fetchWeather("Sao Paulo");