JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <p>Key Pressed: <span>&nbsp;</span>.</p>
</body>

JavaScript

// JavaScript Document
$(document).ready(pressed());
console.log('keyPressed.js is running');
function pressed(){
console.log('pressed script began');	
	$('body').keydown(function (e) {
		console.log('Key Pressed');
		var q=81;var w=87;var ee=69;var r=82;var t=84;var y=89;var u=85;var i=73;var o=79;var p=80;var a=65;var s=83;var d=68;var f=70;var g=71;var h=72;var j=74;var k=75;var l=76;var z=90;var x=88;var c=67;var v=86;var b=66;var n=78;var m=77;var space=32;var bkspace=8;var tab=9;var caps=20;var enter=13;var shft=16;var ctrl=17;var alt=18;
		
		if(e.keyCode ==a){
			$('span').text('a');
			console.log('Key: a');
		}else if(e.keyCode ==b){
			$('span').text('b');
			console.log('Key: b');
		}else if(e.keyCode ==c){
			$('span').text('c');
			console.log('Key: c');
		}else if(e.keyCode ==d){
			$('span').text('d');
		}else if(e.keyCode ==ee){
			$('span').text('e');
		}else if(e.keyCode ==f){
			$('span').text('f');
		}else if(e.keyCode ==g){
			$('span').text('g');
		}else if(e.keyCode ==h){
			$('span').text('h');
		}else if(e.keyCode ==i){
			$('span').text('i');
		}else if(e.keyCode ==j){
			$('span').text('j');
		}else if(e.keyCode ==k){
			$('span').text('k');
		}else if(e.keyCode ==l){
			$('span').text('l');
		}else if(e.keyCode ==m){
			$('span').text('m');
		}else if(e.keyCode ==n){
			$('span').text('n');
		}else if(e.keyCode ==o){
			$('span').text('o');
		}else if(e.keyCode ==p){
			$('span').text('p');
		}else if(e.keyCode ==q){
			$('span').text('q');
		}else if(e.keyCode ==r){
			$('span').text('r');
		}else if(e.keyCode ==s){
			$('span').text('s');
		}else if(e.keyCode ==t){
			$('span').text('t');
		}else if(e.keyCode ==u){
			$('span').text('u');
		}else if(e.keyCode ==v){
			$('span').text('v');
		}else if(e.keyCode ==w){
			$('span').text('w');
		}else if(e.keyCode ==x){
			$('span').text('x');
		}else if(e.keyCode ==y){
			$('span').text('y');
		}else if(e.keyCode ==z){
			$('span').text('z');
		}else if(e.keyCode...