JSFiddle - React, Tailwind, and code Playground

by bogdan_vq

HTML

<input type="text" name="user" placeholder="username"/>
<input type="text" name="password" placeholder="password"/>

<input type="text" id="other" class="hideThis" name="other" placeholder="please fill this too.."/>
<button id="btn" class="showThis">submit</button>

CSS

.hideThis {
    display: none;
}

.showThis {
  display: block;
}

JavaScript

var button = document.getElementById('btn');
button.onclick = function(){
    document.getElementById('btn').className = "hideThis";
    document.getElementById('other').className = 'showThis';
}