Unable to search for any city

index.html

@@ -151,19 +151,20 @@
             try {
                 // Fetch current weather
                 // First get coordinates for location
-                const geoResponse = await fetch(`https://geocoding-api.open-meteo.com/v1/search?name=${location}&count=1`);
+                // Use OpenWeatherMap geocoding API which is more reliable
+                const geoResponse = await fetch(`https://api.openweathermap.org/geo/1.0/direct?q=${location}&limit=1&appid=3fd7e0e3b5f5bf7f3a6cee1c6af5f8e0`);
                 if (!geoResponse.ok) throw new Error('Location service unavailable');
                 const geoData = await geoResponse.json();
                 
-                if (!geoData.results || geoData.results.length === 0) {
+                if (!geoData || geoData.length === 0) {
                     throw new Error('City not found. Try a different spelling or nearby location.');
                 }
                 
-                const { latitude, longitude } = geoData.results[0];
-                
-                // Fetch current weather and forecast in one call
-                const weatherResponse = await fetch(`https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}&current_weather=true&hourly=temperature_2m,relativehumidity_2m,windspeed_10m,weathercode&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=auto`);
-                if (!weatherResponse.ok) throw new Error('Weather service unavailable');
+                const { lat: latitude, lon: longitude } = geoData[0];
+// Fetch current weather and forecast in one call
+                // Use OpenWeatherMap API for weather data
+                const weatherResponse = await fetch(`https://api.openweathermap.org/data/2.5/onecall?lat=${latitude}&lon=${longitude}&exclude=minutely,hourly,alerts&units=metric&appid=3fd7e0e3b5f5bf7f3a6cee1c6af5f8e0`);
+if (!weatherResponse.ok) throw new Error('Weather service unavailable');
                 const weatherData = await weatherResponse.json();
 
                 // Validate we got data
@@ -188,82 +189,43 @@
 }
         }
         function updateCurrentWeather(data) {
-            const current = data.current_weather;
-            const date = new Date(current.time);
+            const current = data.current;
+            const date = new Date(current.dt * 1000);
             
             document.getElementById('location').textContent = document.getElementById('location-input').value;
             document.getElementById('date').textContent = date.toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
-            document.getElementById('temp').textContent = `${Math.round(current.temperature)}°C`;
-            
-            // Map weather codes to descriptions
-            const weatherCodes = {
-                0: 'Clear sky',
-                1: 'Mainly clear',
-                2: 'Partly cloudy',
-                3: 'Overcast',
-                45: 'Fog',
-                48: 'Depositing rime fog',
-                51: 'Light drizzle',
-                53: 'Moderate drizzle',
-                55: 'Dense drizzle',
-                56: 'Light freezing drizzle',
-                57: 'Dense freezing drizzle',
-                61: 'Slight rain',
-                63: 'Moderate rain',
-                65: 'Heavy rain',
-                66: 'Light freezing rain',
-                67: 'Heavy freezing rain',
-                71: 'Slight snow fall',
-                73: 'Moderate snow fall',
-                75: 'Heavy snow fall',
-                77: 'Snow grains',
-                80: 'Slight rain showers',
-                81: 'Moderate rain showers',
-                82: 'Violent rain showers',
-                85: 'Slight snow showers',
-                86: 'Heavy snow showers',
-                95: 'Thunderstorm',
-                96: 'Thunderstorm with slight hail',
-                99: 'Thunderstorm with heavy hail'
-            };
+            document.getElementById('temp').textContent = `${Math.round(current.temp)}°C`;
             
-            const weatherDesc = weatherCodes[current.weathercode] || 'Unknown';
-            document.getElementById('weather-desc').textContent = weatherDesc;
-            document.getElementById('wind-speed').textContent = `${current.windspeed} km/h`;
+            const weatherDesc = current.weather[0].description;
+            document.getElementById('weather-desc').textContent = weatherDesc.charAt(0).toUpperCase() + weatherDesc.slice(1);
+            document.getElementById('wind-speed').textContent = `${current.wind_speed} km/h`;
+            document.getElementById('humidity').textContent = `${current.humidity}%`;
+            document.getElementById('pressure').textContent = `${current.pressure} hPa`;
+            document.getElementById('visibility').textContent = `${current.visibility / 1000} km`;
 
-            // Update weather icon with placeholder since Open-Meteo doesn't provide icons
+            // Update weather icon with OpenWeatherMap icon
             const weatherIcon = document.getElementById('weather-icon');
-            weatherIcon.innerHTML = `<img src="http://static.photos/weather/200x200/${current.weathercode}" alt="${weatherDesc}">`;
+            weatherIcon.innerHTML = `<img src="https://openweathermap.org/img/wn/${current.weather[0].icon}@2x.png" alt="${weatherDesc}">`;
 }
         function updateForecast(data) {
             const forecastContainer = document.getElementById('forecast');
             forecastContainer.innerHTML = '';
-
-            const weatherCodes = {
-                0: 'Clear', 1: 'Mainly clear', 2: 'Partly cloudy', 3: 'Overcast',
-                45: 'Fog', 48: 'Rime fog', 51: 'Drizzle', 53: 'Drizzle', 55: 'Drizzle',
-                61: 'Rain', 63: 'Rain', 65: 'Rain', 80: 'Showers', 81: 'Showers', 82: 'Showers',
-                71: 'Snow', 73: 'Snow', 75: 'Snow', 85: 'Snow', 86: 'Snow',
-                95: 'Thunderstorm', 96: 'Thunderstorm', 99: 'Thunderstorm'
-            };
-
             for (let i = 0; i < 5; i++) {
-                const date = new Date(data.daily.time[i]);
+                const forecast = data.daily[i];
+                const date = new Date(forecast.dt * 1000);
                 const dayName = date.toLocaleDateString('en-US', { weekday: 'short' });
-                const weatherCode = data.daily.weathercode[i];
-                const weatherDesc = weatherCodes[weatherCode] || 'Unknown';
-                
-                const forecastItem = document.createElement('div');
+                const weatherDesc = forecast.weather[0].description;
+const forecastItem = document.createElement('div');
                 forecastItem.className = 'weather-card p-4 text-center forecast-item';
                 forecastItem.innerHTML = `
                     <p class="font-medium text-gray-800">${dayName}</p>
                     <p class="text-sm text-gray-600 mb-2">${date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}</p>
-                    <img src="http://static.photos/weather/200x200/${weatherCode}" alt="${weatherDesc}" class="mx-auto w-16 h-16">
+                    <img src="https://openweathermap.org/img/wn/${forecast.weather[0].icon}@2x.png" alt="${weatherDesc}" class="mx-auto w-16 h-16">
                     <p class="text-gray-600 text-sm capitalize">${weatherDesc}</p>
                     <div class="flex justify-center gap-4 mt-2">
-                        <span class="font-bold text-gray-800">${Math.round(data.daily.temperature_2m_max[i])}°</span>
-                        <span class="text-gray-600">${Math.round(data.daily.temperature_2m_min[i])}°</span>
-                    </div>
+                        <span class="font-bold text-gray-800">${Math.round(forecast.temp.max)}°</span>
+                        <span class="text-gray-600">${Math.round(forecast.temp.min)}°</span>
+</div>
 `;
                 forecastContainer.appendChild(forecastItem);
             }