JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input/>
    <span>test</span>
</div>
<button>Update</button>

CSS

span {
    display:none;
}

JavaScript

$('button').on('click',function(){
    if($("input").is(":visible")) {  
        $("input").hide();
        $("span").text(
            $("input").val()
        ).show();
        $("button").text("Edit");
    } else {
        $("span").hide();
        $("input").text(
            $("span").val()
        ).show();
        $("button").text("Update");
    }

});