JSFiddle - React, Tailwind, and code Playground

by Sunny SM

HTML

<div id="renderList"></div>

CSS

ul#proList{list-style-position: inside}
li.item{list-style:none; padding:5px;}

JavaScript

(function(){
    var ul = document.createElement('ul');
    ul.setAttribute('id','proList');

    var t, tt;
    productList = ['Electronics Watch','House wear Items','Kids wear','Women Fashion'];
    
    document.getElementById('renderList').appendChild(ul);
    productList.forEach(renderProductList);

    function renderProductList(element, index, arr) {
        var li = document.createElement('li');
        li.setAttribute('class','item');
        
        ul.appendChild(li);
        
        t = document.createTextNode(element);
        
        li.innerHTML=li.innerHTML + element;
    }
})();