JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="" id="text" />
<br/>
<input type="button" id="test" value="Test" />

JavaScript

$(document).ready(function(){
    $("#test").click(function(){
        var t = $('#text').val();
        if(t == "" || t == null){
            alert('Please enter text');
        }else{
            var LI = $('<li/>');

            if($('#main-list').length == 0){
                var UL = $('<ul/>');
                UL.attr('id','main-list');
                $('body').append(UL)
            }
            LI.text(t).appendTo('#main-list');
            LI.appendTo("#main-list").text(t);
        }
        
    });
    $(document).on('click', "#main-list li", function(){
        if($('#main-list').children('li').length ==1)
        {
            $(this).remove();
            $('#main-list').remove();
        }else{
            $(this).remove();
        }
    });
});