JSFiddle - React, Tailwind, and code Playground

HTML

<div id="btn">Company</div><input id="i1" type="text" value="company">

CSS

#btn {
    width:100%;
    height:100%;
    display:block;
    text-align:center;
}

#i1 {
    display:none;
}

JavaScript

document.getElementById('btn').onclick = function() {
 document.getElementById('i1').style.display = 'block';
  document.getElementById('btn').style.display = 'none';
}