JSFiddle - React, Tailwind, and code Playground

by Thahir

HTML

<ul id="myList">
    <li>Thahir</li>  
    <li id="liTwo">Rachin</li>  
    <li>Pandey</li>
</ul>
<button onclick="myFunction()">Try it</button>

CSS

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

JavaScript

window.myFunction = function() {
    var myul=document.getElementById("myList");
    var li2=document.getElementById("liTwo");
    var newli = document.createElement("li")
       
       newli.innerText = "Yo!"
       
    var sibofli2 = li2.nextSibling;
    if( sibofli2 == null){
        myul.appendChild(newli);
    }
    else{
        myul.insertBefore(newli, sibofli2);
    }
}