JSFiddle - React, Tailwind, and code Playground

HTML

<div id="value">
	<a href="#">hello</a>
</div>
<div id="edit">
	<input type="text" value="hello" />
</div>

JavaScript

$(function() {
	var enter_enabled = true;
    $('#edit').hide();
	
	$('#value')
	.css('cursor', 'pointer')
	.click(function() {
		$('#edit').show();
		$('#edit input').focus();
		$('#value').hide();
	}).keydown(function(e){
		enter_enabled = false;
	});
	
	$('#edit input')
	.keydown(function(e){
		if(e.keyCode == 13 && enter_enabled){
			$('#value').show();
			$('#edit').hide();
		}
	})
	.keyup(function(e){
		if(e.keyCode == 13){
			enter_enabled = true;
		}
	});
});