JSFiddle - React, Tailwind, and code Playground

HTML

<button ondblclick='renameButton()' id='myButton'><span>Click Me</span></button>

CSS

span {
  background-color: white;
}
button {
  background-color: green;
}

JavaScript

var button = document.getElementById('myButton');
function renameButton() {
  button.setAttribute("contenteditable", true);
}