JSFiddle - React, Tailwind, and code Playground
CSS
p {
font-size: 14px;
margin:0;
}
div > div {
border: 1px black solid;
float: left;
padding:10px;
margin-right:2px;
}
JavaScript
/* This is the result of your AJAX Request*/
var movies = [
{ "Title" : "Independence Day",
"Year": 2003,
"Rating":75
},
{
"Title":"GroundHog Day",
"Year":1998,
"Rating":80
}
];
var container = document.createElement("div"),
movie,node;
for (var i = 0;i < movies.length;i++){
movie = document.createElement("div");
for(el in movies[i]){
node = document.createElement("p");
node.innerHTML = el + " : " +movies[i][el];
console.log(node);
movie.appendChild(node);
}
container.appendChild(movie);
}
document.body.appendChild(container);