почему моя функция btnDell не хочет функционировать должным образом, кто-нибудь может мне помочь?

Question

извините, могу ли я попросить помощи, чтобы снова сделать список, но это все еще ошибка в части, когда один из списков был проверен, тогда я установил его для расчета при завершении = 1,

, но все равно важно, когда проверенный список находится на hps (я также добавил кнопку dg, при нажатии которой он удалит список), затем завершен. Td msh = 1, когда он будет удален, список повлияет на завершенныйранее так = 0

но почему это не работает, в разделе функций btnDel

<div id="myDIV" class="header">
 <div class="input-group">
   <input type="text" class="form-control" placeholder="Your Text..."id="todo-input">
     <div class="input-group-append">
     <button class="btn btn-default input-group-text" id="todo-btn-add">Add</button>
    </div>
   </div>
  </div>
   <p class="text-danger d-none" id="alert">You must write something !</p>
 </div>
<p class="count-todo-completed">Completed : <span id="number">0</span></p>
<ul class="list-group" id="todo-list-items"></ul>

let renderItems = () => {
 DOMStrings.listItems.innerHTML = '';
  var ac;
    items.data.map((item, index) => {
      if (item.check) {
            ac = `
        <li class="list-group-item" index="${index}">
         <div class="form-check">
         <input type="checkbox" class="form-check-input" checked onchange="onChecked(this);">
         <label class="form-check-label"><strike>${item.name}</strike></label>
         </div>
         <span onclick="btnDel(this);">X</span>
        </li>
            `
        } else {
         ac = `
         <li class="list-group-item" index="${index}">
          <div class="form-check">
          <input type="checkbox" class="form-check-input" onchange="onChecked(this);">
          <label class="form-check-label">${item.name}</label>
          </div>
          <span onclick="btnDel(this);">X</span>
         </li>`
        }
        DOMStrings.listItems.innerHTML += ac;
    })
}

//count "completed"
let count = () => {
    var number = 0;
    for (index in items.data) {
     if (items.data[index].check) {
         number++;
      } 
    }
    items.completed = number;
    DOMStrings.countTodoCompleted.innerHTML = number;
}


// Create a "close" button and append it to each list item
let btnDel = (e) => {
    const index = e.parentElement.getAttribute("index");

    if(btnDel.addEventListener("click", function(){
            number--
    }));

    DOMStrings.countTodoCompleted.innerHTML = number;

    e.parentElement.remove();
    items.data.splice(index, 1);
    localStorage.setItem('items', JSON.stringify(items));
}