app/delete.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import { jsList } from "./list.js";

export function deleteButton(id) {
    const deleteButtonElement = document.createElement('i');
    deleteButtonElement.classList.add('delete', 'fa-solid', 'fa-trash');
    deleteButtonElement.setAttribute('title', 'Delete');

    deleteButtonElement.addEventListener('click', (clicked) => {
        deleteElement(clicked.target.parentNode, id);
    });

    return deleteButtonElement;
}


function deleteElement(element, id) {
    element.remove();

    jsList.splice(jsList.findIndex(el => el.id === id), 1);

    localStorage.setItem('jsList', JSON.stringify(jsList));
}