JSFiddle - React, Tailwind, and code Playground

HTML

<input type="test" id="inputName" />
<button id="btnName">Click me!</button>

<ul class="justList" style="display:block"></ul>

CSS

li {
    border: 1px solid #ccc;
    margin-bottom:3px;
    padding: 2px 5px;
}

button {
    margin-left: 10px
}

JavaScript

var some_global = 0;

$('#btnName').click(function(){
    var id_test = "abc";

    var k = $("<label>", {html: "->label"});
    
    $('<li>', {html: "list"}).attr("id", some_global).css("display"," block").appendTo('ul.justList')
        
    
    k.appendTo("li#"+some_global);    
        
    some_global += 1;    

});