title: Why `querySelectorAll` does not work as intended
body: <p>I want to make all <code>li</code> elements turn to <code>&quot;Hello&quot;</code> when I hit the <code>Test Button</code> but <code>querySelectorAll</code> doesn't do anything, but if I replace with <code>querySelector</code> it works fine for just one element. What am I missing here?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function test() {
      var foundDiv = document.querySelectorAll("li");
      foundDiv.innerText = "Hello";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
      &lt;div class="header"&gt;
      &lt;/div&gt;
      &lt;section id="container"&gt;
          &lt;ul&gt;
              &lt;li class="first"&gt;one&lt;/li&gt;
              &lt;li class="second"&gt;two&lt;/li&gt;
              &lt;li class="third"&gt;three&lt;/li&gt;
          &lt;/ul&gt;
          &lt;ol&gt;
              &lt;li class="first"&gt;one&lt;/li&gt;
              &lt;li class="second"&gt;two&lt;/li&gt;
              &lt;li class="third"&gt;three&lt;/li&gt;
          &lt;/ol&gt;
      &lt;/section&gt;
      &lt;div class="footer"&gt;
      &lt;/div&gt;
  
      &lt;button onclick="test()"&gt; Test &lt;/button&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>