JSFiddle - React, Tailwind, and code Playground

HTML

<div id="placeholder"></div>

JavaScript

var data = {"cocktails":[
            {
                "name":"Bloody Mary",
                "glass":"longdrink",
                "ingredients": {
                    "main":"vodka",
                    "secondary":"tomato juice",
                    "addition":"tabasco"
                }
            },
            {
                "name":"Daiquiri",
                "glass":"martini glass",
                "ingredients": {
                    "main":"white rum",
                    "secondary":"lime juice",
                    "addition":"sugar syrup"
                }
            },
             {
                "name":"Martini",
                "glass":"martini glass",
                "ingredients": {
                    "main":"gin",
                    "secondary":"vermout",
                    "addition":"olive"
                }
            }
    ]
}

$(data.cocktails).each(function() {
    var output = "<ul><li>" + this.glass + "</li></ul>";
    $('#placeholder').append(output);
});