如何创建可以通过按钮添加和删除输入的列表？

<input type="text" id="inputItem">
<button onclick="addItem()">添加</button>
<ul id="list"></ul>

function addItem() {
  var inputItem = document.getElementById("inputItem").value;
  if (inputItem !== "") {
    var listItem = document.createElement("li");
    listItem.innerHTML = inputItem;
    document.getElementById("list").appendChild(listItem);
    document.getElementById("inputItem").value = "";
  }
}

function removeItem() {
  var list = document.getElementById("list");
  list.removeChild(list.lastChild);
}

li {
  margin-bottom: 10px;
}

button {
  margin-top: 10px;
}