title: how to create 5 <p>'s with 5 text nodess inside using plain JS
body: <p>I have ajax api response with <code>array [1]</code> which contains 5 text <code>nodes [i]</code>. 
  I want to put each text node in separate <code>&lt;p&gt;</code> instead of all in one <code>&lt;p&gt;</code> as I did in my code, so I can make each of them links and put some text as description.</p>
  
  <p>This is the markup,</p>
  
  <pre><code>&lt;div class="container"&gt;&lt;/container&gt;
  </code></pre>
  
  <p>And my code:</p>
  
  <pre><code>var p = document.createElement('P');
  var container = document.querySelector('.container');
  container.appendChild(p);
  
  for(var i=0;i&lt;parsed_json[1].length;i++){
      p.innerHTML += parsed_json[1][i];
  }
  </code></pre>