JSFiddle - React, Tailwind, and code Playground

HTML

<div id="editDiv1">
<input type="button" value="Show Text Area" id="showText" />
<div id="questionText">
   Question place holder
</div>
</div>

JavaScript

var showText =  document.getElementById("showText");
showText.addEventListener("click",
  function () {
    var editDiv1 = document.getElementById("editDiv1");
    var oldQuesText = document.getElementById("questionText");
    var newQuesText = document.createElement("div");
    newQuesText.id = "questionText";
    var quesTextArea = document.createElement("textarea");
    newQuesText.appendChild(quesTextArea);
    oldQuesText.parentNode.replaceChild(newQuesText, oldQuesText);
    quesTextArea.focus();
  }
);