title: querySelectorAll not returning an array
body: <p>i am trying to retrieve an array of DOM elements that all have the img tag. however I keep returning an empty array, why is that?</p>
  <p>when i script it in the console it returns a nodelist array but in the coding software it doesnt</p>
  <pre><code>let weatherImgs = []
  
  weatherImgs = Array.from(document.querySelectorAll(`.images`)).forEach((abr, index) =&gt; {
            console.log(weatherImgs)
            weatherImgs[index].src = `https://www.metaweather.com/static/img/weather/png/64/${jsonData.consolidated_weather[index].weather_state_abbr}.png`
  
            
        }) 
  </code></pre>