JSFiddle - React, Tailwind, and code Playground

HTML

<div id="taskinput">
    <form>
        <input id="taskinput-box" type="text" />
        <input type="submit" />
    </form>
</div><!-- end taskinput -->
<div id="taskoutput"></div><!-- end taskoutput -->

JavaScript

$("#taskinput").submit(function() {
    var tasktext = $('#taskinput-box').val()
    $('#taskoutput').append('<div class="task">' + tasktext + '</div>');
    $('#taskinput-box').val("");
    return false;
});

$('#taskoutput').on('click', '.task', function() {
    $(this).slideUp();
});