added opposite unit processing to weather page (cause 341 people used it this week apparently its a thing)

Author: sojs-coder

static/assets/scripts/weather.js

@@ -82,7 +82,7 @@ function updateUI(data) {
     const currentContainer = document.getElementById('current');
     currentContainer.innerHTML = `
                 <h2>Current Weather for ${data.city || "Unknown"}</h2>
-                <div class="temperature">${Math.round(data.current.temperature_2m)}${data.current_units.temperature_2m}</div>
+                <div class="temperature">${Math.round(data.current.temperature_2m)}${data.current_units.temperature_2m} (${otherUnit(data.current.temperature_2m, data.current_units.temperature_2m)})</div>
                 <div class="weather-icon">${weatherIcons[data.current.weather_code] || '❓'}</div>
                 <div class="conditions">
                     Feels like: ${Math.round(data.current.apparent_temperature)}${data.current_units.apparent_temperature}<br>
@@ -98,8 +98,8 @@ function updateUI(data) {
                     <div class="date">${formatDate(date)}</div>
                     <div class="weather-icon">${weatherIcons[data.daily.weather_code[index]] || '❓'}</div>
                     <div class="conditions">
-                        High: ${Math.round(data.daily.temperature_2m_max[index])}${data.daily_units.temperature_2m_max}<br>
-                        Low: ${Math.round(data.daily.temperature_2m_min[index])}${data.daily_units.temperature_2m_min}<br>
+                        High: ${Math.round(data.daily.temperature_2m_max[index])}${data.daily_units.temperature_2m_max} (${otherUnit(data.daily.temperature_2m_max[index], data.daily_units.temperature_2m_max)})<br>
+                        Low: ${Math.round(data.daily.temperature_2m_min[index])}${data.daily_units.temperature_2m_min} (${otherUnit(data.daily.temperature_2m_min[index], data.daily_units.temperature_2m)})<br>
                         Rain: ${data.daily.precipitation_sum[index]}${data.daily_units.precipitation_sum}
                     </div>
                 </div>
@@ -133,4 +133,18 @@ async function initWeather() {
 }
 
 // Start the application
-initWeather();
+initWeather();
+function otherUnit(value, unit){
+    if (unit === "°C") {
+        return Math.round(convertToFahrenheit(value)) + "°F";
+    } else if (unit === "°F") {
+        return Math.round(convertToCelsius(value)) + "°C";
+    }
+    return value;
+}
+function convertToFahrenheit(celsius) {
+    return (celsius * 9/5) + 32;
+}
+function convertToCelsius(fahrenheit) {
+    return (fahrenheit - 32) * 5/9;
+}