days

frontend/src/components/weather/weatherForecastData.js

@@ -316,6 +316,10 @@ const WeatherForecastData = (props) => {
               <label for="hour_uv">Hour UV</label>
               <br />
               <br />
+              <div>
+              <label for="days">Days:</label>
+                <input type="range" id="days" name="days" min="0" max="7" />
+              </div>
               <div>
                 <label for="units">Choose a unit:</label>
                 <select name="unnits" id="units">
@@ -357,6 +361,7 @@ const WeatherForecastData = (props) => {
 
   function getData() {
     const units = document.getElementById("units").value;
+    const days = document.getElementById("days").value;
 
     const city_text = document.getElementById("city_text").value;
     const region_text = document.getElementById("region_text").value;
@@ -574,7 +579,7 @@ const WeatherForecastData = (props) => {
 
     let filterString = filterArray.join(",");
 
-    const apiUrl = `http://localhost:8080/forcastweather?q=${latitude_text},${longitude_text}&filter=${filterString}`;
+    const apiUrl = `http://localhost:8080/forecastweather?q=${latitude_text},${longitude_text}&filter=${filterString}&days=${days}`;
 
     fetch(apiUrl)
       .then((response) => {