JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<input type="text" id="txtTest" />
<input type="button" id="btnClear" value="clear" />
<div id="dvLog" style="border: 1px solid red; font-size: 9pt; height: 50px;"></div>

JavaScript

var $log = $("#dvLog");
$("#txtTest").bind("keypress", keyPressed).bind("keydown", function(e) {
    $log.append("<span>KeyDown: " + e.which + "</span> ");
  });
}).bind("input", function(e) {
  $log.append("<span>Input!</span> ");
});
$("#btnClear").click(function() {
$log.empty();
});
});


function keyPressed(e){
 $log.append("<span>KeyPress: " + e.which + "</span> ");
}