Javascript localstorage（js）中的购物卡值

我在jQuery中创建了一个简单的购物卡商店。我试图确保在刷新我的webapp后，篮子中的数据保持不变（如果数据已添加到篮子中）。我正在尝试使用localstorage，但我不明白它为什么不起作用

$(document).ready(function()
{

    $("body").on("click", ".addtobasket", function (evt) {

        $("#kontener_koszyka").fadeIn();

        var nazwa = $(this).closest('.produkt').find('.nazwa').text();
        var cena = $(this).closest('.produkt').find('.cenaprzedmiotu').text();

        var suma = 0;

        var li = "<li class='produkt_w_koszyku'><b>"+nazwa+"</b> <span class='cena_w_koszyku'>"+cena+" zł</span><span style='float: right; margin-right: 30px;' class='deleteitembasket'><i class=\"fas fa-times\"></i></span></li>";

        localStorage.setItem('itemlist', li);

        $("#koszyk").append(li);

        $("#koszyk .cena_w_koszyku").each(function()
        {
            suma += parseFloat($(this).text());
        });
        $("#cena span").text(suma.toFixed(2));
        localStorage.setItem('sumalist', suma);
    });

    if (localStorage.getItem('itemlist') != null)
    {
        $("#koszyk").append(itemlist);
        $("#cena span").text(sumalist.toFixed(2));
    }

    $(document).on('click','.deleteitembasket', function () {
        $(this).closest("li").remove();
    });
});

$（文档）.ready（函数（）
{
$（“正文”）。在（“单击”，“添加到磁盘”，函数（evt）上{
$（“#kontener_koszyka”）.fadeIn（）；
var nazwa=$（this）.closest（'.produkt'）.find（'.nazwa'）.text（）；
var cena=$（this）.closest（'.produkt'）.find（'.cenaprzedmiotu'）.text（）；
var-suma=0；
var li=“
”+nazwa+”+cena+“zł
”；
setItem（'itemlist'，li）；
$（“#koszyk”）。追加（li）；
$（“#koszyk.cena_w_koszyku”）。每个（函数（）
{
suma+=parseFloat（$（this.text（））；
});
$（“cena span”）.text（suma.toFixed（2））；
setItem（'sumalist'，suma）；
});
if（localStorage.getItem（'itemlist'）！=null）
{
$（“#koszyk”）。附加（项目列表）；
$（“cena span”）.text（sumalist.toFixed（2））；
}
$（文档）.on（'单击'，'.deleteitembasket'，函数（）{
$（this）.最近的（“li”）.remove（）；
});
});

$（“#koszyk”）.append（localStorage.getItem（'itemlist'）存在多个问题，add应将值附加到localstorage，以相同的方式删除它。请在plunkr或stackblitz中创建相同的问题，并在此处发布。所以我们可以解决您的问题。正如@ArunPJohny所说，您只删除页面上的
li
，而不是在本地存储中，请保存HTML对象并为它们提供ID。将您的代码添加到这是工作，但这只保存我购物卡中的最后一项。