JSFiddle - React, Tailwind, and code Playground

HTML

<div id="listView"></div>
<input type="text" name="firstname" id="fname"/>
<input type="text" name="lastname" id="lname"/>
<input type="button" id="mybutt" value="Submit" />

JavaScript

$('#mybutt').click(function() {
     var out = '<ul>';
    $("input[type=text]").each(function(){
         out+= "<li>"+$(this).val()+"</li>";
    });  
    out+="</ul>";
   
    $('#listView').html(out);
});