ts.js

const BACKEND_URL = "http://localhost:8080/api/weather";  

async function getWeather() {
    const cityInput = document.getElementById('cityInput');
    const weatherCard = document.getElementById('weatherCard');
    const errorMessage = document.getElementById('errorMessage');

    if (cityInput.value.trim() === "") {
        errorMessage.textContent = "Please enter a city name!";
        errorMessage.style.display = "block";
        return;
    }

    try {
        const response = await fetch(`${BACKEND_URL}?city=${cityInput.value}`);
        const weatherData = await response.json();

        if (weatherData.error) {
            throw new Error(weatherData.error);
        }

        document.getElementById('cityName').textContent = cityInput.value;
        document.getElementById('temperature').textContent = `${weatherData.current_weather.temperature}°C`;
        document.getElementById('feelsLike').textContent = `${weatherData.current_weather.temperature}°C`;
        document.getElementById('humidity').textContent = `N/A`;
        document.getElementById('windSpeed').textContent = `${weatherData.current_weather.windspeed} m/s`;
        document.getElementById('description').textContent = `Weather Code: ${weatherData.current_weather.weathercode}`;

        weatherCard.classList.add('visible');
        errorMessage.style.display = 'none';
    } catch (error) {
        weatherCard.classList.remove('visible');
        errorMessage.textContent = 'Could not fetch weather data. Please try again.';
        errorMessage.style.display = 'block';
    }
}


document.getElementById('cityInput').addEventListener('keypress', function (event) {
    if (event.key === "Enter") {
        getWeather();
    }
});