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");
	
	
	
	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)