JSFiddle - React, Tailwind, and code Playground

by iBertel

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script>
    
    <title>Show jSon data in unordered list Set status</title>
</head>
<body>
<div id="data">
</div>
</body>
</html>

CSS

#data {width:300px; height:auto; padding:20px; margin:auto;}
#data ul {list-style-type:square;}

JavaScript

$(function(){
        var data={"d":["coke","lollipop","candy","choko"]},result='';
        $.each(data,function(i,v){
            console.log(i,v)
            result += "<ul><!"+"--"+i+"-->";
            $.each (v,function(i,v){
                result+="<li>"+v+"<\/li>"
            })
            result+="<\/ul>"
        })
        $('#data').html(result)
    })