JSFiddle - React, Tailwind, and code Playground

HTML

<button onclick='doStuff()' ondblclick='renameButton()' id='myButton'><span id="myspan">Click Me</span></button>

JavaScript

function renameButton() {
  var span = document.getElementById('myspan');
 
  span.setAttribute("contenteditable", true);
  span.style.backgroundColor = "red";
}//end renameButton 

function doStuff(){
console.log('nothing');
}