JSFiddle - React, Tailwind, and code Playground

by jarosciak

HTML

<ul id="test">
     <li>Purchase</li>
     <li>Sale</li>
     <li>Mortgage</li>
</ul>

CSS

.key-up {
    opacity: 0.5;
}

JavaScript

var log = $('#test')[0],
    pressedKeys = [];

$(document.body).keyup(function (evt) {
    var li = pressedKeys[evt.keyCode];
    if (!li) {
       li = log.appendChild(document.createElement('li'));
    }
    $(li).text('Up: ' + evt.keyCode);
    $(li).addClass('key-up');
});