Creating an HTML table using JavaScript and JSON

Question

I am trying to create an HTML table using JavaScript from a JSON input, however, it\'s not working out for me.

I am using a marker in the HTML. This will get populated f

Answer 1

var json = {data:{a: {"id":"9518","order_id":"11380","widget_id":"9","number":"10","pence_price":"12"},b:{"id":"9518","order_id":"11380","widget_id":"9","number":"10","pence_price":"12"},c: {"id":"9518","order_id":"11380","widget_id":"9","number":"10","pence_price":"12"}}}
var i,
    item,
    listItem = "";
for (i in json.data){
    item = json.data[i];
    listItem += "
"+item.number+"--"+"( Widget "+item.widget_id+") x "+"  "+item.pence_price+" GBP
"+item.number*item.pence_price+" GBP
";
}
document.getElementById('updateOrder').innerHTML=listItem;

#updateOrder{
  padding: 2px;
  background: orange;
}
.table{
  width: 100%;
  background: green;
  display: table;
}
.table > div{
  display: table-cell;
}
.right{
  background: tomato;
}