script.js

async function getWeather() {
    const city = document.getElementById("city").value;
    const resultDiv = document.getElementById("weatherResult");
    if (city === "") {
        resultDiv.innerHTML = "Enter a city name";
        return;
    }
    try {
        const response = await fetch(`https://wttr.in/${city}?format=j1`);
        const data = await response.json();

        resultDiv.innerHTML = `
            <h3>${city}</h3>
            <p>Temperature: ${data.current_condition[0].temp_C} °C</p>
            <p>Humidity: ${data.current_condition[0].humidity}%</p>
            <p>Weather: ${data.current_condition[0].weatherDesc[0].value}</p>
        `;
    } catch (error) {
        resultDiv.innerHTML = "City not found";
    }
}