Как я могу использовать LocalStorage, чтобы сохранить корзину в JavaScript? [дублировать] ⇐ Javascript

[Anonymous]

Я создаю простой веб -сайт корзины для покупок в качестве начинающего проекта, и я хочу использовать LocalStorage, чтобы элементы тележки пользователя не были потеряны, когда страница обновляется. Он просто показывает как [объект объекта] или строку вместо фактического массива элементов.
Я пытался написать какой -то код раньше, но я не помню точно, как я это сделал, так как он не сработал, и я почти сдался. Теперь я хочу узнать правильный способ сделать это. Пробовал: < /p>
localStorage.setItem('panier', JSON.stringify(table[0].innerHTML));
localStorage.setItem('cout', cout_total.toString());
// Au chargement de la page, restaurer le panier
window.addEventListener('load', () => {
const panierSauvegarde = JSON.parse(localStorage.getItem('panier'));
const savedTotal = localStorage.getItem('cout_total');

});
function mettreAJourLocalStorage() {
const lignes = table[0].querySelectorAll('tr');
const panier = [];

lignes.forEach(row => {
const nom = row.querySelector('p')?.textContent;
const prix = row.querySelector('#prix')?.textContent?.replace(' $', '');
const unite = row.querySelector('#unite')?.textContent?.split(' x ')[0];
if (nom && prix && unite) {
panier.push({
nom,
prix: parseInt(prix),
quantite: parseInt(unite),
});
}
});

localStorage.setItem('panier', JSON.stringify(panier));
localStorage.setItem('cout_total', cout_total.toString());
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... javascript