JSFiddle - React, Tailwind, and code Playground

HTML

<div tabindex="-1" id="scripted">Element Z (script-only focusable)</div>
<div id="test">Set Focus To Element Z</div>

CSS

div:focus {
    background-color: Aqua;
}

JavaScript

document.getElementById('test').onclick = function () {
    document.getElementById('scripted').focus();
};