Как узнать, для какого id из localStorage было удалено/перекрашено поле

(function() {
    // создаем и возвращаем заголовок приложения
    function createAppTitle(title) {
        let appTitle = document.createElement('h2');
        appTitle.innerHTML = title;
        return appTitle;
    }
 
    // создаем и возвращаем форму для создания дела
    function createTodoItemForm() {
        let form = document.createElement('form');
        let input = document.createElement('input');
        let buttonWrapper = document.createElement('div');
        let button = document.createElement('button');
        button.disabled = true
 
        // раставляем различные атрибуты созданным элемаентам
        form.classList.add('input-group', 'md-3'); // для правильной отрисовки
        input.classList.add('form-control'); // для правильной отрисовки
        input.placeholder = 'Введите название нового дела'; // пояснение
        buttonWrapper.classList.add('input-group-append'); // позиционирование элемента
        button.classList.add('btn', 'btn-primary'); // применение стили кнопке
        button.textContent = 'Добавить дело'; 
 
        // объединение в единую систему
        buttonWrapper.append(button);
        form.append(input);
        form.append(buttonWrapper);
 
        
        return {
            form,
            input,
            button,
        }
    }
 
    // создаем и возвращаем список элементов
    function createTodoList() {
        let list = document.createElement('ul');
        list.classList.add('list-group');
        return list;
    }
 
    // создаем работу кнопки
    function createTodoItem(name) {
        let item = document.createElement('li');
        // кнопки помещаем в элемент, который красиво покажет их в одной группе
        let buttonGroup = document.createElement('div');
        let doneButton = document.createElement('button');
        let deleteButton = document.createElement('button');        
 
        //устанавиливаем стили для элемента списка, а также для размещения кнопок
        // в его правой части с помощью flex
        item.classList.add('list-group-item', 'd-flex', 'justify-content-between', 'align-items-center');
        item.textContent = name;        
 
        buttonGroup.classList.add('btn-group', 'btn-group-sm'); // стили групп
        doneButton.classList.add('btn', 'btn-success'); 
        doneButton.textContent = 'Готово';
        deleteButton.classList.add('btn', 'btn-danger');
        deleteButton.textContent = 'Удалить';
 
        // вкладываем кнопки в отдельный элемент, чтобы они объединились в один блок
        buttonGroup.append(doneButton);
        buttonGroup.append(deleteButton);
        item.append(buttonGroup);
 
        let id = maxId()
        //приложение нужен доступ к самому элементу и кнопкам, чтобы отрабатывать события нажатия
        return {
            item, id,
            doneButton,
            deleteButton,             
        };
    }
 
    // поиск максимального id
    function maxId() {
        let cart = jsonToData(getCartData());
        let id = 1;
        if (cart != null) { 
            for (let i = 0; i < cart.length; i++) {           
                if (cart[i].id >= id) {
                    id = cart[i].id + 1;
                }
            }
        }
        return id;
    }
 
    //данный метод вернет входящие данные в виде сторки
    function dataToJson(data) {
        return JSON.stringify(data);
    }
    
    // данный метод вернет входящую строку в виде данных
    function jsonToData(data) {
        return JSON.parse(data);
    }
 
    // данный метод вернет данные из LocalStorage
    function getCartData() {
        return localStorage.getItem('cartData');
    }
 
    // данный метод запишет наши данные в LocalStorage
    function setCartData(data) {
        localStorage.setItem('cartData', data);
    }
 
    // метод addToCard будет получать в качестве параметра объект дела
    function addToCard(product) {
        let cart = getCartData();
        // в случае, если данные по ключу в LocalStorage нет, то cart будет содержать null
        // если cart имеет null, записываем туда пустой массив
        cart = cart ? jsonToData(cart) : [];
        //добавим продукт в список корзины и запишем в LocalStorage
        cart.push(product);
        setCartData(dataToJson(cart));
    }
  
    // метод удаляющий элемент из списка дел
    // в качестве параметра получает id дела
    function removeFormCart(id) {
        // получим состояние списка дел и преобразуем json в JavaScript данные
        let cart = jsonToData(getCartData());
        // создаем новый список списка дел, в который перенесет все данные
        // кроме удаляемого элемента
        let newCart = [];
        for (let i = 0; i < cart.length; i++) {
            if (cart[i].id != id) {
                newCart.push(cart[i]);
            }
        }
        // проведем преобразование нового списка дел в JSON и запишем в LocalStorage
        setCartData(dataToJson(newCart));
    }
 
    function createTodoApp(container, title='Список дел', listName) {
 
        let todoAppTitle = createAppTitle(title);
        let todoItemForm = createTodoItemForm();
        let todoList = createTodoList();
        let done, cart =[], id, name1;      
            
        container.append(todoAppTitle);
        container.append(todoItemForm.form);
        container.append(todoList);
 
        // вывода данных, ранее добавленных на страницу до обновления страницы
        let pos = jsonToData(getCartData())
        if (pos != null) {
            for (let i of pos) { 
                if (i.listName == listName) {          
                    name1 = createTodoItem(i.name);
                    container.append(name1.item); 
                }  
            }
        }
 
        todoItemForm.input.addEventListener('input', function(e){
            e.preventDefault();
            if (todoItemForm.input.value.length > 0) {
                todoItemForm.button.disabled = false;
            }
            else if (todoItemForm.input.value.length == 0) {
                todoItemForm.button.disabled = true;
            }
        })
       
 
        // браузер создает событие submit на форме по нажатию на Enter или на кнопку создания дела
        todoItemForm.form.addEventListener('submit', function(e) {
            // эта строчка необходимо, чтобы предотвратить стандартное действие браузера
            // в данном случае мы не хотим, чтобы страница перезагрузилась при отправке формы
            e.preventDefault();
        
            done = false;
 
            // игнорируем создание элемента, если пользователь ничего не ввел в поле
            if (!todoItemForm.input.value) {
                return;
            }
            
            todoItem = createTodoItem(todoItemForm.input.value);           
                       
            // создаем и добавляем в список новое дело с названием из поля для ввода
            todoList.append(todoItem.item);
            
            let product = {id: todoItem.id, name: todoItemForm.input.value, done, listName};
            addToCard(product);
            
            // обнуляем значение в поле чтобы не пришлось стирать его вручную
            todoItemForm.input.value ='';
            
            cart = jsonToData(getCartData());
             // добавляем обработчики на кнопки
            todoItem.doneButton.addEventListener('click', function() {
                todoItem.item.classList.toggle('list-group-item-success');
                let strO = Object.values(cart);
                for (let str of strO) {            
                    if (str.id == id) {
                        str.done = true; 
                        localStorage.setItem('cartData',  JSON.stringify(cart));
                    }
                }
            });
 
            todoItem.deleteButton.addEventListener('click', function() {
                if (confirm('Вы уверены?')) {
                    todoItem.item.remove();
                    removeFormCart(id);
                }
            }) 
        })
    }
 
    window.createTodoApp = createTodoApp;
    
}) () ;