Display a 7 day forecast instead of just tomorrow's high temperature

diff --git a/index.php b/index.php
index feecdac7a828da69e30c450c965ec39e6981f41f..1f9a0d1316a8856e9b7964cdbcb61511c4978ee6 100644 (file)
--- a/index.php
+++ b/index.php
@@ -7,17 +7,27 @@
                <h1>
                        0&deg;
                </h1>
-               <h3>Tomorrow's temperature high in Park Ridge is:</h3>
-               <h1>
-                       <?php
-                               $url = "https://api.open-meteo.com/v1/forecast?latitude=42.0111&longitude=-87.8406&daily=temperature_2m_max,temperature_2m_min&current=temperature_2m&timezone=America%2FChicago&wind_speed_unit=mph&temperature_unit=fahrenheit&precipitation_unit=inch";
-                               $json = json_decode(file_get_contents($url), true);
-                               $tempNow = $json["current"]["temperature_2m"];
-                               $tempTomorrow = $json["daily"]["temperature_2m_max"][1];
-                               $tempConverted = $tempTomorrow - $tempNow;
-                               echo $tempConverted."&deg;"
-                       ?>
-               </h1>
+               <h3>Your 7 day forecast for Park Ridge is:</h3>
+               <?php
+                       $url = "https://api.open-meteo.com/v1/forecast?latitude=42.0111&longitude=-87.8406&daily=temperature_2m_max,temperature_2m_min&current=temperature_2m&timezone=America%2FChicago&wind_speed_unit=mph&temperature_unit=fahrenheit&precipitation_unit=inch";
+                       $json = json_decode(file_get_contents($url), true);
+                       $tempNow = $json["current"]["temperature_2m"];
+                       for ($i = 0; $i < 7; $i++) {
+                               $tempHigh = $json["daily"]["temperature_2m_max"][$i];
+                               $tempHighConverted = $tempHigh - $tempNow;
+                               $tempLow = $json["daily"]["temperature_2m_min"][$i];
+                               $tempLowConverted = $tempLow - $tempNow;
+                               echo "<div style=\"min-width: 10%; display: inline-block;\">";
+                               echo "<h3>";
+                               echo "".date('l', strtotime($json["daily"]["time"][$i]));
+                               echo "</h3>";
+                               echo "<span style=\"font-weight: bold;\">High: </span>".$tempHighConverted."&deg;";
+                               echo "<br>";
+                               echo "<span style=\"font-weight: bold;\">Low: </span>".$tempLowConverted."&deg;";
+                               echo "</div>";
+                       }
+                       echo "<br><br>";
+               ?>
                This site uses the MJM weather system, the most accurate weather system in the world, for measuring temperature. We source our weather from the National Weather Service and give you pure, unmodified data.
        </body>
 </html>