JSFiddle - React, Tailwind, and code Playground

by Pris Wiz

HTML

<p id="names">Some Name</p>

CSS

li{
    list-style: none;
}

JavaScript

var btsFrontEnd = {
         "employee-1": {
             "name": "Jose Ramon", 
             "phone": "1234567890",
             "email": "[email protected]"
            },
         
        "employee-2": {
                      "name": "Volmar Machado", 
                      "phone": "1234567890",
                      "email": "blah@blah." 
         }
};

var btsemployees = {
    employees:[
		{
         "name": "Jose Ramon", 
         "phone": "1234567890",
         "email": "[email protected]"
		},
         { 
         "name": "Volmar Machado", 
          "phone": "1234567890",
         "email": "[email protected]"
},
         { 
         "name": "Miguel Gocobachi", 
          "phone": "1234567890",
         "email": "[email protected]"
},
         { 
         "name": "EL Luar", 
          "phone": "1234567890",
         "email": "[email protected]"
},
         {
         "name": "Ismael Perez", 
          "phone": "1234567890",
         "email": "[email protected]"
}
]
};

var str = [];
$.each(btsFrontEnd, function (key, value) { //first is the key or index, second argument is the value
    if (value.name !== undefined) {
        str.push(value.name);
    }
});

document.getElementById("names").innerHTML = str.join(",");