JSFiddle - React, Tailwind, and code Playground

HTML

<span></span>

CSS

body{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  display: grid;
  place-items: center;
}

JavaScript

let target = document.querySelector('span');
document.body.addEventListener('keypress',(event)=>{
    target.innerHTML = event.key;
});