本地存储（js）中的购物卡值

Question

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

$(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();
    });
});