JSFiddle - React, Tailwind, and code Playground

by qwertynl

HTML

<ul id="list"/>

JavaScript

var vendorData = {};
vendorData = {
    "levdor" : [{
        "lego" : "my eggo"
    }],
    "mevdor" : [{
        "lego" : "Star Wars"
    }],
    "sendor" : [{
        "lego" : "Indiana Jones"
    }],
    "lendev" : [{
        "lego" : "Ninjago"
    }],
    "mevdev" : [{
        "lego" : "Hero Factory"
    }]
};

var listOrder = ["lendev", "mevdev", "levdor", "mevdor", "sendor"];

$.each(listOrder, function(k,v){
    var key = v;
    var value = vendorData[key];
    var ul = document.getElementById('list');
    var li = document.createElement('li');
    li.appendChild(document.createTextNode(key));
    ul.appendChild(li);
});