JSFiddle - React, Tailwind, and code Playground

HTML

<div id="popup">
    <div>Enter Password:</div>
    <input id="pass" type="password"/>
    <button onclick="done()">Done</button>    
</div>
<button onclick="showPopup()">Show Popup</button>

CSS

#popup {
    width:160px;
    height:80px;
    padding:20px;
    background-color:gray;    
    position:absolute;
    top:100px;
    left:100px;
    display:none;
}

JavaScript

function done() { 
    document.getElementById("popup").style.display = "none";
    var password = document.getElementById("pass").value;
    
    //DO STUFF WITH PASSWORD HERE    
};

function showPopup() {
     document.getElementById("popup").style.display = "block";
}