JSFiddle - React, Tailwind, and code Playground

by Ben Clayton

HTML

<h1>People</h1>
<div id="peoplelist">Ben</div>

CSS

.person {border:1px solid red;margin:10px;padding:10px}
.person .title {font-size:20px;}

JavaScript

var names = ['Sam','John','Bert','Sid','Ben'];
for (var x=0;x<names.length;x++){
     $('#peoplelist').append("<div id='person-"+x+"' class='person'><div class=''></div><div class='title'>"+names[x]+"</div></div>");

}