JSFiddle - React, Tailwind, and code Playground

HTML

<form id="input-form">
    <input id="input-field" type = "text"/>
<button>Submit</button>
</form>

<ul id="list" >
    
</ul>

JavaScript

var form = document.getElementById("input-form"),
        list = document.getElementById("list");
	
	
	
	function getInput(event){
		event.preventDefault();     
		var inputValue = document.getElementById("input-field").value  
	  
	    console.log(inputValue)
        form.reset();              // _______________Reset method 
        
        document.getElementById("list").innerHTML += "<li>"+ inputValue +"</li>"; 
	}
	form.addEventListener("submit",getInput,false) 
    
    function removeItem(e) {
        var target = e.target;
        while(target.tagName !== 'UL') {
            if(target.tagName === 'LI') {
                return target.parentNode.removeChild(target);
            }
            target = target.parentNode;
        }
    }
    list.addEventListener('click', removeItem);