JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="myform">

<input type="text" id="mytext">

<div class="overlay" onclick="setFocusToTextBox();"></div>
</div>

<p id="access">Closed</p>

CSS

.myform {position:relative;}

.overlay {position:absolute;left:0;right:0;top:0;bottom:0;cursor:pointer;}

JavaScript

function setFocusToTextBox(){
    document.getElementById("mytext").focus();
        document.getElementById("access").innerHTML = "Open";
}