JSFiddle - React, Tailwind, and code Playground

HTML

<h4 tabindex=0 >one (click me)</h4>
<h4 tabindex=0 >two (click me)</h4>

CSS

h4:focus {
    background: red;
    outline: none;
}

JavaScript

addEvent('one', 'h4:first-child');
addEvent('two', 'h4:last-child');

function addEvent(id, selector){
    document
        .querySelector(selector)
        .addEventListener('keypress', function(event){
            alert(id +':'+ event.which)
        }, false)
}