JSFiddle - React, Tailwind, and code Playground

HTML

<div class='converter'>
some value    
</div>
    <br><br>
    <a href='javascript:' id='toEdit'>To Edit Mode</a>
    <a href='javascript:' id='toView'>To View Mode</a>

JavaScript

jQuery(function(){
        jQuery('#toEdit').click(_toEditMode);
        jQuery('#toView').click(_toViewMode);    
});

function _toEditMode()
{
    var _elm=jQuery('.converter');
    var _val= _elm.html();
    _elm.html('<input type="text" value="'+_val+'" />');
}

function _toViewMode()
{
    var _elm=jQuery('.converter');
    var _val= _elm.find('input').val();
    _elm.html(_val);
}