有没有办法通过在文本框中输入索引来删除列表中的元素

<input type="text" id="indexInput" placeholder="输入要删除的索引">
<button onclick="deleteItem()">删除</button>
<ul id="list">
  <li>元素1</li>
  <li>元素2</li>
  <li>元素3</li>
  <li>元素4</li>
</ul>

function deleteItem() {
  // 获取文本框输入的索引值
  var indexInput = document.getElementById("indexInput").value;
  var index = parseInt(indexInput) - 1; // 索引从0开始，减1转换成数组索引
  
  // 操作列表，删除指定索引的元素
  var list = document.getElementById("list");
  list.removeChild(list.childNodes[index]);
}