script.js

let weather = {
    "apiKey": "//give the api key// "
    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) => console.log(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: " + ".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/hr";
        //  document.querySelector(".weather").classList.remove("loading");
        //  document.body.style.backgroundImage = "url('https://source.unsplash.com/1600x900/?" + name + " ')" 
    },
    search: function () {
        this.fetchWeather(document.querySelector(".searchbar").value);
    }
};



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

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

weather.fetchWeather("Kolkata");