JSFiddle - React, Tailwind, and code Playground

HTML

<form id="typerForm">
<input id="typer" style="position:relative; left:-100em;"/>
</form>

<div id="myInput" style="border:2px solid #4AA; width:6em; height:1em; font-size:2em"></div>

<button id="startInput">Start input</button>
<div style="height:20em; background-color:#eee">
    
</div>

JavaScript

$('#startInput').click(function() {
    $('#typer').focus();
});

$('body').click(function() {
    $('#typer').focus();
});