JSFiddle - React, Tailwind, and code Playground

by brandon_rmsy

HTML

<p id="result"> </p>

JavaScript

var result = document.getElementById("result");
//var json = '{"response":{"numFound":5906,"start":0,"docs":[{"id":"us","entity_s":"us","edf_i":2130,"pcats_ss":["Business:855","World:405","Nation:350"],"affinity_ss":["reuters:211","american:141","china:127","april:119","donald trump:109","new york:102","trump:99","business insider:94","may:91","obama:89","march:79"]}]}}';

var json = '{"responseHeader":{"status":0,"QTime":2,"params":{"q":"id:*","start":"0","sort":"edf_i desc","fields":"*","rows":"1000","wt":"json"}},"response":{"numFound":5906,"start":0,"docs":[{"id":"us","entity_s":"us","edf_i":2130,"pcats_ss":["Business:855","World:405","Nation:350"],"affinity_ss":["reuters:211","american:141","china:127","april:119","donald trump:109","new york:102","trump:99","business insider:94","may:91","obama:89","march:79"]}]}}'

//var json = '{"line":[{"type":"bank","name":"ABN","account":"NL47ABNA0442660960","description":"Bijgewerkt t\/m 30-10-2014","balance":"6.266,55","image":""},{"type":"bank","name":"Rabo","account":"NL89RABO0177896647","description":"","balance":"0,00","image":""}],"total":"6.266,55"}';

var obj = JSON.parse(json);
for (var key in obj.response.docs) {
  result.innerHTML += "<br/>" + key + ": ";
  for (var value in obj.response.docs[key]) {
    result.innerHTML += "<br/>" + value + " = " + obj.response.docs[key][value];
  }
}