JSFiddle - React, Tailwind, and code Playground

by Anurag Udasi

HTML

<div id = "mygrocery">
    Anurag
</div>

JavaScript

var ul = document.createElement("ul");
var items = ["coffee", "sugar", "chocolate"];

for(var i = 0, end_index = items.length; i < end_index; i++)
{
    var li = (document.createElement("li"));
    var style = li.getAttribute("style");
    style = "font-weight: bold";
    li.setAttribute("style", style);
    var option = document.createTextNode(items[i]);
    li.appendChild(option);
    ul.appendChild(li);    
}

document.getElementById("mygrocery").insertBefore(ul);