JSFiddle - React, Tailwind, and code Playground

HTML

<input/>
<pre>
</pre>

JavaScript

function dir(x) {
    var result = [];
    for (var i in x) {
        result.push(i);
    }
    return result;
}

var input = document.getElementsByTagName('input')[0]
var pre = document.getElementsByTagName('pre')[0];
input.addEventListener('keypress', function(e) {
    var str = '';
    for (var i in e) {
        str += i + ': ' + e[i] + '\n';
    }
    pre.innerHTML = str;
});