Fixed reading of the day timestamp in forecast section

Author: luckyalvy

rainviewer-forecast-api-example.html

@@ -161,15 +161,17 @@
             if (data.hourly && data.hourly.data.length > 0) {
                 forecast.innerHTML += `<h3>Hourly Forecast</h3>`;
                 data.hourly.data.forEach(hour => {
-                    forecast.innerHTML += `<div>Time: ${new Date(hour.time * 1000).toLocaleTimeString()}, Icon: ${hour.icon}, Temperature: ${hour.temperature}°C, Precipitation Probability: ${hour.precipitation.probability}%, Precipitation Rate: ${hour.precipitation.rate} mm/h, Humidity: ${hour.humidity}%, Pressure: ${hour.pressure} hPa, Wind: ${hour.wind.speed} km/h, Direction: ${hour.wind.direction}°, Feels Like: ${hour.temp.feels_like}°C, Dew Point: ${hour.temp.dew_point}°C, Sky Coverage: ${hour.sky.coverage}%, Visibility: ${hour.sky.visibility} km, UV Index: ${hour.sun.uvi}, Solar Radiation: ${hour.sun.radiation} W/m²</div>`;
+                    forecast.innerHTML += `<h4>Time: ${new Date(hour.time * 1000).toLocaleTimeString()}</h4>`;
+                    forecast.innerHTML += `<div>Icon: ${hour.icon}, Temperature: ${hour.temperature}°C, Precipitation Probability: ${hour.precipitation.probability}%, Precipitation Rate: ${hour.precipitation.rate} mm/h, Humidity: ${hour.humidity}%, Pressure: ${hour.pressure} hPa, Wind: ${hour.wind.speed} km/h, Direction: ${hour.wind.direction}°, Feels Like: ${hour.temp.feels_like}°C, Dew Point: ${hour.temp.dew_point}°C, Sky Coverage: ${hour.sky.coverage}%, Visibility: ${hour.sky.visibility} km, UV Index: ${hour.sun.uvi}, Solar Radiation: ${hour.sun.radiation} W/m²</div>`;
                 });
             }
 
             if (data.daily && data.daily.data.length > 0) {
                 forecast.innerHTML += `<h3>Daily Forecast</h3>`;
                 data.daily.data.forEach(day => {
-                    forecast.innerHTML += `<div>Day Time: ${new Date(day.day.time * 1000).toLocaleTimeString()}, Icon: ${day.day.icon}, Temperature: ${day.day.temperature}°C, Precipitation Probability: ${day.day.precipitation.probability}%, Precipitation Rate: ${day.day.precipitation.rate} mm/h, Humidity: ${day.day.humidity}%, Pressure: ${day.day.pressure} hPa, Wind: ${day.day.wind.speed} km/h, Direction: ${day.day.wind.direction}°, Feels Like: ${day.day.temp.feels_like}°C, Dew Point: ${day.day.temp.dew_point}°C, Sky Coverage: ${day.day.sky.coverage}%, Visibility: ${day.day.sky.visibility} km, UV Index: ${day.day.sun.uvi}, Solar Radiation: ${day.day.sun.radiation} W/m²</div>`;
-                    forecast.innerHTML += `<div>Night Time: ${new Date(day.night.time * 1000).toLocaleTimeString()}, Icon: ${day.night.icon}, Temperature: ${day.night.temperature}°C, Precipitation Probability: ${day.night.precipitation.probability}%, Precipitation Rate: ${day.night.precipitation.rate} mm/h, Humidity: ${day.night.humidity}%, Pressure: ${day.night.pressure} hPa, Wind: ${day.night.wind.speed} km/h, Direction: ${day.night.wind.direction}°, Feels Like: ${day.night.temp.feels_like}°C, Dew Point: ${day.night.temp.dew_point}°C, Sky Coverage: ${day.night.sky.coverage}%, Visibility: ${day.night.sky.visibility} km, UV Index: ${day.night.sun.uvi}, Solar Radiation: ${day.night.sun.radiation} W/m²</div>`;
+                    forecast.innerHTML += `<h4>Date: ${new Date(day.time * 1000).toLocaleDateString()}</h4>`;
+                    forecast.innerHTML += `<div><strong>Day</strong>: Icon: ${day.day.icon}, Temperature: ${day.day.temperature}°C, Precipitation Probability: ${day.day.precipitation.probability}%, Precipitation Rate: ${day.day.precipitation.rate} mm/h, Humidity: ${day.day.humidity}%, Pressure: ${day.day.pressure} hPa, Wind: ${day.day.wind.speed} km/h, Direction: ${day.day.wind.direction}°, Feels Like: ${day.day.temp.feels_like}°C, Dew Point: ${day.day.temp.dew_point}°C, Sky Coverage: ${day.day.sky.coverage}%, Visibility: ${day.day.sky.visibility} km, UV Index: ${day.day.sun.uvi}, Solar Radiation: ${day.day.sun.radiation} W/m²</div>`;
+                    forecast.innerHTML += `<div><strong>Night</strong>: Icon: ${day.night.icon}, Temperature: ${day.night.temperature}°C, Precipitation Probability: ${day.night.precipitation.probability}%, Precipitation Rate: ${day.night.precipitation.rate} mm/h, Humidity: ${day.night.humidity}%, Pressure: ${day.night.pressure} hPa, Wind: ${day.night.wind.speed} km/h, Direction: ${day.night.wind.direction}°, Feels Like: ${day.night.temp.feels_like}°C, Dew Point: ${day.night.temp.dew_point}°C, Sky Coverage: ${day.night.sky.coverage}%, Visibility: ${day.night.sky.visibility} km, UV Index: ${day.night.sun.uvi}, Solar Radiation: ${day.night.sun.radiation} W/m²</div>`;
                 });
             }