localStorage, e.target - usuwanie tego elementu z localStorage

Question

https://codepen.io/vorex4/pen/eGeRZZ?editors=0010

Cześć, mam taki kod, i chciałbym się odnieść dzięki e.target do jego localstorage, w sensie klikam przycisk usuń i usuwany on jest również z localStorage.

Proszę spojrzeć, doda się notatkę, ona się dodaje do listy, ale gdy klikniemy usuń to i tak po odsiezeniu ona powroci bo zostanie ona pobrana z localStorage, i wlasnie nie wiem jak mam zrobić to aby odwołać się do jego wartości w localstorage. 

    document.addEventListener('click', function(e)
    {
        if(e.target.id === 'delete')
            {
                e.target.parentNode.remove();
            }
    });

Ten kod odpowiada za usuwanie, nie wiem co mam tam dodać aby też usunąć dany elemeny z LS.

Za wszelką pomoc, wskazówki, dziękuje! 

Answer 1

Możesz np.:

Dla każdej notatki dodajesz inne keyName, możesz je przypisywać w ID dla div.note. Przez event target po kliknieciu przycisku dochodzisz do rodzica(div.note), pobierasz ID i usuwasz dany item.

Comments

zrobiłem to w ten sposób działa :D 

    document.addEventListener('click', function(e)
    {
        if(e.target.id === 'delete')
            {
                var parent = e.target.parentNode.id;
                localStorage.removeItem(parent);
                e.target.parentNode.remove();
            }
    });