title: DOM innerText keeps showing just the last element of an array
body: <pre><code>fruitsButton.addEventListener(&quot;click&quot;, function () {
      fruitsArray.forEach((fruit) =&gt; {
          newParagraph.innerText = `I'll buy a ${fruit} next year `;
          screenToShow.append(newParagraph);
      });
  });
  </code></pre>
  <p>I want my code to loop each individual element and show the text but when i try doing it keeps showing just the last element of the array, i tried to using the console and it works but on DOM it does not really work so pls help</p>