JSFiddle - React, Tailwind, and code Playground

HTML

<form>
   Task: <input type="text" name="task" id="input">
   <button>Submit</button>


<br>

<h2>What you need to do</h2>
<ul id="list">

</ul>
    </form>

JavaScript

$(document).ready(function() {
 $('button').click(function() {

    var new_task = $('#input').val();
    $('#list').append('<li>'+new_task+'</li>');
     return false;
 });
});