JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
Name: <span id="test2">Test</span>
</div>

JavaScript

window.onload = function()
{
	var doc = document.getElementById("test2"), blocked=false;
	doc.onclick = function()
	{
		if(blocked) return;
		blocked=true;
		var old = doc.innerHTML;
		doc.innerHTML = "<input type='text' id='tmp' placeholder='"+old+"'>";
		var tmp = document.getElementById("tmp");
		tmp.focus();
		tmp.onkeydown = function(e)
		{
			if(e.keyCode == 13)
			{
				doc.innerHTML = (tmp.value.length==0)?old:tmp.value;
				blocked=false;
			}
		};
	};
};