JSFiddle - React, Tailwind, and code Playground

by ErikE

HTML

<form id="valueform">
   <input name="todo" id="todo" type="text" value="Set Me To Value" size="32" maxlength="30" />
   <input type="submit" value="OK" id="okbutton">
</form>
<p id="status"></p>

CSS

span {
    font-weight:bold;
}

JavaScript

var taskid = 1;

$('#valueform').on('submit', function(){
    var input = $('#todo').val();
    $('<br><span id="task' + taskid.toString() + '">' + input + '</span> - <span id="status' + taskid.toString() + '">Ok</span>').appendTo('#status');
    taskid += 1;
    $('#todo').focus().select();
    return false;
});
$('#todo').focus().select();