Прошу помочь с TODOLIST на JS

[Visvivi]

Здесь обрывки кода, но для понимания: создаются блоки div в списке <ul> (он в отдельном html-файле), по клику на кнопку ввода. Также, каждый блок содержит кнопку удаления, т.е можно удалить весь div. Для этого:
1. Узнать номер элемента массива, который хотим удалить
2. Перебрать массив
3. Получившееся вывести старым способом.

Проблема в том, что поиск id будет через метод findIndex, а я не знаю, как задать правильно call-back функцию для него. Т.е как указать, что удалить нужно именно тот элемент, где была кнопка удаления

let todoList = [];  

function displayMessages(){                
    let displayMessage = '';                                              
 todoList.forEach(function(item, i){
   displayMessage += `
  <li  class = 'partTodo' >
  <div class = 'step' contenteditable= 'true' >
  <input  contenteditable= 'true' type='checkbox' id='item_${i}' >
  <label for='item_${i}'>${item.todo}</label> 
  <br> <div contenteditable= 'false' >
  ${time}
  <button class = 'knopka' onclick='loseIt()'>Удалить</button>
  </div>
  </div>
  </li>
  `;
   todo.innerHTML = displayMessage;                  
   
 });

[macomics]

Добавьте в loseit параметр индекс, а при генерации кнопок задавайте статически индекс для вызова loseit через onclick

function displayMessages() {
  let displayMessage = '';
  todoList.forEach(function(item, i){
  displayMessage += `
  <li class = 'partTodo' >
    <div class = 'step' contenteditable= 'true' >
      <input contenteditable= 'true' type='checkbox' id='item_${i}' >
      <label for='item_${i}'>${item.todo}</label>
      <br><div contenteditable= 'false'>${time}
      <button class = 'knopka' onclick='loseIt({$i})'>Удалить</button>
    </div>
  </div>`;});
  todo.innerHTML = displayMessage;