Javascript 如何在html中显示localStorage对象

我想显示我存储在localStorage中的数据

我想显示我存储在购物车HTML页面的localStorage中的对象数组，当单击Add to Cart按钮时，它将在其中显示该数据

function addToCartClicked(event)
{
    var button = event.target
    var shopItem = button.parentElement.parentElement
    //var title = shopItem.getElementsByClassName('shop-item-title')[0].innerText
    //var price = shopItem.getElementsByClassName('shop-item-price')[0].innerText
    //var imgSrc = shopItem.getElementsByClassName('shop-item-image')[0].src

    var oldItems = JSON.parse(localStorage.getItem('itemsArray')) || [];

    var newItem = 
    {
    'product-name': shopItem.getElementsByClassName('shop-item-title')[0].innerText,
    'product-image': shopItem.getElementsByClassName('shop-item-image')[0].src,
    'product-price': shopItem.getElementsByClassName('shop-item-price')[0].innerText
    };

 oldItems.push(newItem);

 localStorage.setItem('itemsArray', JSON.stringify(oldItems));

}


function displayCart()
{

}

---

您需要使用用于保存的密钥从localstorage获取数据，在本例中为“itemsArray”

您已经使用了getItem方法来获取值

再次使用相同的方法，如下所示：

let returnedValues = JSON.parse(localStorage.getItem('itemsArray'));

---

你的问题里有你需要的一切。只需调用displayCart；从addToCartClickedevent。不要直接发布解决方案。给出一些解释！

let returnedValues = JSON.parse(localStorage.getItem('itemsArray'));