JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text">

CSS

input {
    display: inline-block;
    width: 300px;
    height: 3rem;
    padding: 5px;    
}

span {
    display: inline-block;
    margin-left: 60px;
    font-size: 1.5rem;
    color:red;    
}

JavaScript

var input = $('input');
var info = $('<span></span>');

$(input).after(info);

input.on('keydown', function() {
    info.text('You pushed DOWN a key on your keyboard');
}).on('keyup', function() {
    info.text('You released UP a key on your keyboard');
});