當我嘗試刪除添加的輸入時，我收到一條錯誤消息，指出值為 NULL。所以我的想法是，當我點擊刪除時，只有輸入被刪除，而不是所有輸入。函數myFunction()，那里的輸入被添加到數組中。實際上我也想使用 Up Down 但首先 Delete 必須工作，但如果你知道我如何做 Up 和 Dwon，請寫下答案。var Array = [];function myFunction() {  //console.log('test');  var todoItem = document.getElementById('new-todo-item').value;  const Input = document.querySelectorAll('input[name="todo-item-done"]');  console.log(Input.value);  //Input von Add  Array.unshift(todoItem);  document.getElementById("todo-list").innerHTML +=    "<li>" +       "<input type='text'" + " name='todo-item-done'" +        " class='todo-item-done'" + " value='" + todoItem +      "'> " +      "<a id= 'myDIV' class='up' onclick='UpDown()' href='#'>" + "up"+"</a>" +      " | " +      "<a class='down' onclick='UpDown()' href='#'>" + "down"+"</a> " +      "<button onclick='deleteData()' class='todo-item-delete'>Delete</button>" +    "</li>"  ;    document.getElementById('new-todo-item').value = "";}function deleteData() {var deleteValue = document.getElementsByName('todo-item-done').value;  var index = Array.indexOf(deleteValue);  if (index !== -1) {    Array.splice(index, 1);  }}<h1>To-Do List</h1><label for="todo">To do:</label><input type="text" id="new-todo-item"><input onclick="myFunction()" type="submit" id="add-todo-item" value="add the todo"><ul id="todo-list" class="todo-list"></ul>