JSFiddle - React, Tailwind, and code Playground

by Luke Marlow

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class="capture"></div>
<pre>
- ALT   : 18
- ENTER : 13 
- N     : 78
- E     : 69
- H     : 72
- M     : 77
</pre>

CSS

.capture {
  font-size: 12px;
  height: 20px;
  border: solid 1px black;
  width: 150px;
  padding: 3px;
  box-sizing: border-box;
}

JavaScript

$(document).keydown(function(e) {
  $('.capture').html(e.which);
});