JSFiddle - React, Tailwind, and code Playground

HTML

<textarea></textarea>

<ul id="r">
    <li></li>
    <li></li>
    <li></li>
</ul>

JavaScript

var keys = {
    46  : 'del',
    190 : '.'
}

$("textarea").bind('keyup', function(e){
    $('#r').append( '<li>keyup (' + e.which + '): ' + (keys[e.which] || String.fromCharCode(e.which)) + '</li>' );
    $('#r').find('li:first').remove();
});