script.js

async function getWeather() {
    const location = document.getElementById("locationInput").value.trim();
    const resultArea = document.getElementById("resultArea");

    if (!location) {
        resultArea.textContent = "Please enter a location.";
        return;
    }

    const apiKey = "eab14be40f5d41aeae3185037251007";
    const url = `http://api.weatherapi.com/v1/current.json?key=${apiKey}&q=${encodeURIComponent(location)}&aqi=yes`;

    try {
        resultArea.textContent = "Loading...";
        const response = await fetch(url);

        if (!response.ok) {
            throw new Error("Location not found.");
        }

        const data = await response.json();

        const tempC = data.current.temp_c;
        const condition = data.current.condition.text;
        resultArea.innerHTML = `
            <strong>${data.location.name}, ${data.location.country}</strong><br>
            Temperature: ${tempC}°C<br>
            Condition: ${condition}
        `;
    } catch (error) {
        resultArea.textContent = error.message;
    }
}