JSFiddle - React, Tailwind, and code Playground

by Thahir

HTML

<ul id="myList">
    <li>Thahir</li>  
    <li>Rachin</li>  
    <li>Pandey</li>
</ul>
<button>Try it</button>

CSS

ul li{
    list-style-type: none;
}

JavaScript

window.myFunction = function() {
    var node=document.createElement("LI");
    var textnode=document.createTextNode("Water");
    node.appendChild(textnode);
    document.getElementById("myList").appendChild(node);
}

$("button").click(function(){
    myFunction();
});