JSFiddle - React, Tailwind, and code Playground

by Darksbane

HTML

<script src="http://www.cardgamedb.com/deckbuilders/gameofthrones/database/gotjson-faq-5-3.jgz"></script>
<div id="singlerecord"></div><br />
<ul id="dump"></ul>

JavaScript

var jQuery_1_9_1 = $.noConflict(true); //lets use jquery for this
jQuery_1_9_1(document).ready(function($) {
    //lets dump a single record so you can see how it is structured
    var singlerecord = '';
    $.each(cards[2],function(key,value){
        singlerecord += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+key+":"+value+"<br />";
    });
    
    $('#singlerecord').html("{<br />"+singlerecord+"}");
    //.each loops over all the cards contained in the 'cards' array
    $.each(cards,function(key,value){
        //value is an individual card
        $('#dump').append("<li>"+value.name+"</li>");
    });
});