JSFiddle - React, Tailwind, and code Playground

by ozzon91

HTML

<script src="http://mail.r13.org/v1/dev_deploy/js_build/lib/underscore.js#!inbox"></script>
<input type="text" placeholder="First name" name="f">
<input type="text" placeholder="Last name" name="l">
<button>Add person</button>

<table></table>


<script type="text/template" id="person_template">
    <tr>
        <td><%=f_name %></td> 
        <td><%=l_name %></td> 
    <tr>
</script>

JavaScript

$('button').click(function() {
    var compile = _.template($('#person_template').html());
    $('table').append(compile({
        f_name: ($('[name=f]').val() || 'no name'), 
        l_name:  ($('[name=l]').val() || 'no last name'), 
    }));
    
    $('[name=f]').val(''); $('[name=l]').val('');
});