JSFiddle - React, Tailwind, and code Playground

HTML

<div class="agenda"></div>
<div class="agenda"></div>

<script>
label = ["Tutorials", "Widgets"];
for(m = 0; m < label.length; m++)
{
  function listEvents(json) {
    var feed = json.feed;
	for (var i = 0; i < 10; i++)
	{
		var entry = json.feed.entry[i];
		var posttitle = entry.title.$t;
	
		//Style
		if(i==0)
    {  x =  "<span style='color:red'>Style 1 + Label 1(Tutorials)</span><p>"+posttitle+"</p>";
		   p =  "<span style='color:red'>Style 2 + Label 2(Widgets)</span><h4>"+posttitle+"</h4><p>";
		}
		if(i==1)
		{  y =  "<p>"+posttitle+"</p>";
    g =  "<h4>"+posttitle+"</h4></p>";
		}
	}
    
	style=[x+y, p+g];
	for(m=0; m < style.length; m++)
	{
	  document.getElementsByClassName("agenda")[m].innerHTML = style[m];
	}
    
  }
  
document.write("<script src=\"http://www.allbloggertricks.com/feeds/posts/default/-/"+label[m]+"?orderby=published&alt=json-in-script&callback=listEvents\"><\/script>");
}
</script>