JSFiddle - React, Tailwind, and code Playground

by fergal_doyle

HTML

<div id="out"></div>

JavaScript

var data = [
    {name:"Joe", age:20},
	{name:"Jane", age:25},
	{name:"Bob", age:60},
    {name:"Billy", age:10},
    {name:"Mick", age:40}
]

var html = "<ul>";
for(var i=0; i<data.length; i++)
{
    html += "<li>Persons name is " + data[i].name + ". They are " + data[i].age +".</li>"
}
html += "<ul>";

//check the html string
console.log(html);

//put the html into a div
$("#out").html(html)