title: For loop not going beyond first day in loop
body: <p>I am trying to create a for loop to get the min and max temperature of each day and output it. I am using Open Weather API. I have attached an image of what the data looks like when called. Please feel free to ask any questions. I don't know what types of things to clarify. Here is my javascript.</p>
  <pre><code>fetch('https://api.openweathermap.org/data/2.5/onecall?lat=43.6121&amp;lon=-116.3915&amp;exclude=hourly,minutely&amp;units=imperial&amp;APPID=98cbc04c44e9fc2905a70710f2643e4e')
  .then((response) =&gt; response.json())
  .then((jsObject) =&gt; {
      console.log(jsObject);
  
  let temp = jsObject.current.temp;
  let minTemp = jsObject.daily[0].temp.min;
  let maxTemp = jsObject.daily[0].temp.max;
  
  document.getElementById('condition').textContent = jsObject.current.weather[0].main;
  document.getElementById('temp-min').textContent = Math.round(minTemp);
  document.getElementById('temp-max').textContent = Math.round(maxTemp);
  document.getElementById('temp-current').textContent = Math.round(temp);
  
      
      var weekday = new Array(7);
      weekday[0] = &quot;Sun&quot;;
      weekday[1] = &quot;Mon&quot;;
      weekday[2] = &quot;Tue&quot;;
      weekday[3] = &quot;Wed&quot;;
      weekday[4] = &quot;Thu&quot;;
      weekday[5] = &quot;Fri&quot;;
      weekday[6] = &quot;Sat&quot;;
  
      var data = jsObject.daily;
      var dayOfWeek = document.getElementsByClassName(&quot;forecast-day&quot;);
      var weatherIcon = document.getElementsByClassName(&quot;weatherIcon&quot;);
      var tempMax = document.getElementsByClassName(&quot;forecast-max&quot;);
      var tempMin = document.getElementsByClassName(&quot;forecast-min&quot;);
  
      for (var i = 0; i &lt; data.length; i++) {
          var d = new Date(data[i]);
          dayOfWeek[i].textContent = weekday[d.getDay()];
  
          const imagesrc = 'https://openweathermap.org/img/w/' + data[i].weather[i].icon + '.png';
          const description = data[i].weather[i].description;
          weatherIcon[i].setAttribute('src', imagesrc);
          weatherIcon[i].setAttribute('alt', description);
  
          tempMax[i].innerHTML = Math.round(data[i].temp.max) + &quot; &amp;#176;F&quot;;
          tempMin[i].innerHTML = Math.round(data[i].temp.min) + &quot; &amp;#176;F&quot;;
  
      }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/boWF9.png" rel="nofollow noreferrer">https://i.stack.imgur.com/boWF9.png</a></p>