title: Extra output outputted
body: <p>In this code I want the output as a b c, but at the end there is another a outputting. So, how can I do it?</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>window.onload = function() {
    for (let i = 0; i &lt; 3; i++) {
      var story = document.getElementsByClassName('story')[0];
  
      let clone = story.cloneNode(true);
  
      let usr = ["a", "b", "c"];
  
  
      document.getElementsByClassName('story')[i].innerHTML = usr[i];
  
  
      document.getElementById("story").appendChild(clone);
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="story"&gt;
    &lt;p class="story"&gt;&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>