JSFiddle - React, Tailwind, and code Playground

by David Marshall

JavaScript

var general = { 
    "Hardcover" : [ 
        ["Book A",4],
        ["Book B",6],
        ["Book C",5]
    ],
    "Ebooks" : [
        ["Ebook A"],
        ["Ebook B"],
        ["Ebook C"]
    ],
    "PDFs" : [
        ["PDF A"],
        ["PDF B"],
        ["PDF C"]
    ],
    "Free Texts" : [
        ["Text A"],
        ["Text B"],
        ["Text C"],
        ["Text D"],
        ["Text E"]
    ]
};

for (var type in general) {
    console.log(type);
    console.log(general[type].length);
   //var title = ...; // assign the title variable
   $('body').append("<h2>" + type + "</h2>");
   for(i=0;i<general[type].length;i++) {
       console.log(i);
      // assign item variables separately 
      var itemTitle = general[type][i][0];
      var itemPrice='';
      if(general[type][i].length>1)
          itemPrice = general[type][i][1];
      $('body').append(itemTitle + ": $" + itemPrice);
   }
}