JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="keyCanvas" height="70" width="180"></canvas>

CSS

canvas{
    border: 1px solid black;
    margin: auto;
}

JavaScript

var canvas = document.getElementById("keyCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "20px Arial";
ctx.fillText("keyCode = ",5,40);
ctx.font = "30px Arial";

document.addEventListener("keydown", function(e) { 
    ctx.clearRect(100,0,canvas.width,canvas.height);
    ctx.fillText(e.keyCode,110,40);
});