js点击按钮跳出文本框

以下是实现点击按钮弹出文本框的JavaScript代码：

// HTML代码
<input type="text" id="smallBox" onfocus="showBigBox()" onblur="hideBigBox()">
<button onclick="showBigBox()">点击弹出文本框</button>
<div id="bigBox" style="display:none">
  <textarea id="bigTextArea"></textarea>
</div>

// JavaScript代码
function showBigBox() {
  document.getElementById("bigBox").style.display = "block";
  document.getElementById("bigTextArea").value = document.getElementById("smallBox").value;
}

function hideBigBox() {
  document.getElementById("bigBox").style.display = "none";
  document.getElementById("smallBox").value = document.getElementById("bigTextArea").value;
}

当用户点击按钮时，会调用`showBigBox()`函数，该函数会将`bigBox`元素的`display`属性设置为`block`，从而显示出弹出的文本框，并将弹出的文本框的值设置为`smallBox`文本框的值。当用户切换焦点时，会调用`hideBigBox()`函数，该函数会将`bigBox`元素的`display`属性设置为`none`，从而隐藏弹出的文本框，并将弹出的文本框的值设置为`smallBox`文本框的值。