javascript点击弹出添加框

您可以使用JavaScript和HTML来创建一个点击按钮后弹出添加框的功能。以下是一个简单的示例代码：

HTML代码：

<button onclick="showAddBox()">添加</button>

<div id="addBox" style="display:none;">
  <input type="text" id="itemName" placeholder="输入名称">
  <button onclick="addItem()">确认</button>
</div>

JavaScript代码：

function showAddBox() {
  document.getElementById("addBox").style.display = "block";
}

function addItem() {
  var itemName = document.getElementById("itemName").value;
  // 在这里添加将名称添加到列表的代码
  document.getElementById("addBox").style.display = "none";
}

这个例子中，当用户点击“添加”按钮时，showAddBox() 函数将会把添加框显示出来。当用户输入名称并点击“确认”按钮时，addItem() 函数将会获取输入的名称，并添加到列表中。最后，添加框将会被隐藏起来。