use indian citiy jaipur

index.html

@@ -206,20 +206,19 @@
         
         document.getElementById('today-date').textContent = today.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
         document.getElementById('tomorrow-date').textContent = tomorrow.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-
-        // Mock data for demonstration
+        // Mock data for Jaipur
         const mockWeatherData = {
-            cityName: "New York, US",
-            temperature: 24,
-            description: "Sunny",
-            humidity: 65,
-            windSpeed: 12,
-            pressure: 1013,
-            feelsLike: 26,
-            todayRainChance: 75,
-            todayPrecipitation: 5.2,
-            tomorrowRainChance: 30,
-            tomorrowPrecipitation: 0.5
+            cityName: "Jaipur, India",
+            temperature: 38,
+            description: "Clear Sky",
+            humidity: 25,
+            windSpeed: 8,
+            pressure: 1005,
+            feelsLike: 41,
+            todayRainChance: 5,
+            todayPrecipitation: 0.0,
+            tomorrowRainChance: 10,
+            tomorrowPrecipitation: 0.2
         };
 
         // Update UI with mock data
@@ -236,8 +235,7 @@
         document.getElementById('tomorrow-precipitation').textContent = `${mockWeatherData.tomorrowPrecipitation}mm`;
         document.getElementById('today-rain-bar').style.width = `${mockWeatherData.todayRainChance}%`;
         document.getElementById('tomorrow-rain-bar').style.width = `${mockWeatherData.tomorrowRainChance}%`;
-
-        // 7-day forecast chart
+// 7-day forecast chart
         const ctx = document.getElementById('forecast-chart').getContext('2d');
         const forecastChart = new Chart(ctx, {
             type: 'bar',
@@ -245,7 +243,7 @@
                 labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                 datasets: [{
                     label: 'Rain Chance %',
-                    data: [75, 30, 10, 5, 20, 60, 80],
+                    data: [5, 10, 15, 5, 10, 20, 25],
                     backgroundColor: [
                         'rgba(59, 130, 246, 0.7)',
                         'rgba(59, 130, 246, 0.7)',
@@ -266,7 +264,7 @@
                     ],
                     borderWidth: 1
                 }]
-            },
+},
             options: {
                 responsive: true,
                 plugins: {
@@ -322,10 +320,12 @@
                 if (city) {
                     // In a real app, this would fetch data from OpenWeatherMap API
                     console.log(`Searching for weather in ${city}`);
+                    // Update the city name in the UI
+                    document.getElementById('city-name').textContent = city + ", India";
                     cityInput.value = '';
                 }
             }
         });
-    </script>
+</script>
 </body>
 </html>