JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<article>
  
</article>

JavaScript

let myTest = [ { "header": "Posting 1",
"post": [ "Erster Absatz",  "Zweiter Absatz" ]
},
{ "header": "Posting 2",
"post": [ "Erster Absatz" ]
}
];

for (i in myTest )
{
	// Behandlung Header
	//console.log(myTest[i].header);
    let node = document.createElement("h3");
    let textnode = document.createTextNode(myTest[i].header);
    node.appendChild(textnode); 
    document.getElementsByTagName("article")[0].appendChild(node);  
	    for (j in myTest[i].post )
	    {
		  // Behandlung Post
		  //console.log(myTest[i].post[j]);
		  let node = document.createElement("p");   
      let textnode = document.createTextNode(myTest[i].post[j]);  
      node.appendChild(textnode);  
      document.getElementsByTagName("h3")[i].appendChild(node); 
	    }
}