script.js

async function getWeather() {

let city = document.getElementById("city").value;

let apiKey = "b41fdc94bb733178c11ba95eeee07d3af";

let url = `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${apiKey}&units=metric`;

try {

let response = await fetch(url);
let data = await response.json();

if (data.cod != 200) {
document.getElementById("result").innerHTML = "City not found or API issue";
return;
}

let temp = data.main.temp;
let humidity = data.main.humidity;
let weather = data.weather[0].description;

document.getElementById("result").innerHTML = `
<h3>${city}</h3>
<p>Temperature: ${temp} °C</p>
<p>Humidity: ${humidity}%</p>
<p>Condition: ${weather}</p>
`;

}

catch(error) {
document.getElementById("result").innerHTML = "Error fetching weather data";
}

}