JSFiddle - React, Tailwind, and code Playground

by bschafer

HTML

<div id="my_div">content here!</div>

<button id="btn_fade_out">Fade out</button>

<table id="myitems"></table>

CSS

#my_div
{
    margin: 5px;
}
table td 
{
    padding: 5px;
}

JavaScript

var myarray = [{id: 1, name: "item1"},{id: 2, name: "item2"},{id: 3, name: "item3"}];

$(document).ready(function () {
    var mytable = $("#myitems");
    for (var a in myarray)
    {
        mytable.append("<tr><td>" + myarray[a].id + "</td><td>" + myarray[a].name + "</td></tr>");
    }

    $("#my_div").html("maybe not!");
});