title: How to fix putting JS made HTML element into the actual HTML body?
body: <p>I'm trying to loop an array and put all row titles as a seperate header in my HTML body.  Creating <strong>P</strong> tags and appending it works, but now I made a whole html element and want to append that into the body, but it doesn't seem to work.</p>
  
  <pre><code>for (let i = 0; i &lt; rows.length; i++) {
      //var para = document.createElement("P"); 
      //para.innerText = rows[i].titel;
      //document.body.appendChild(para);
  
      var titel = rows[i].titel;
      var post = "&lt;div class='card-body'&gt;\
                  &lt;h5 class='card-title'&gt;"+ titel + "&lt;/h5&gt;\
                  &lt;a href='oefeningDetail.html' class='btn btn-primary'&gt;details&lt;/a&gt;\
                  &lt;/div&gt;";
  
      console.log(post);
      document.body.appendChild(post);
  }
  </code></pre>