如何在javascript中将按钮动态添加到数组项列表

var buttonArray = [];

function addButtonToList() {
  // 创建按钮元素
  var button = document.createElement("button");
  button.innerHTML = "按钮"; // 设置按钮文本

  // 将按钮添加到数组
  buttonArray.push(button);

  // 更新数组项列表
  updateList();
}

function updateList() {
  // 获取数组项列表的容器元素
  var listContainer = document.getElementById("list-container");

  // 清空容器元素
  listContainer.innerHTML = "";

  // 遍历按钮数组，将每个按钮添加到容器元素中
  buttonArray.forEach(function(button) {
    listContainer.appendChild(button);
  });
}

<div id="list-container"></div>

<button onclick="addButtonToList()">添加按钮</button>