JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="Edit me" />
<input type="button" value="Toggle Edit" class="makeEditable" />

JavaScript

$(function(){
    $(document).on('click', '.makeEditable', function(){
        $('input:text').removeAttr("readonly");
        $(this).toggleClass('makeNonEditable');
        
        if($(this).hasClass("makeNonEditable")){
            $('input:text').attr("readonly", "readonly");            
        }
    });
    
});