JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li id="li">
    <a href="#" onclick="add()">a</a>
</li>
</ul>

JavaScript

function add(){
var bigLi = document.getElementById('li');
var input = document.createElement('input');
input.setAttribute('type', 'text');
bigLi.appendChild(input);
}