Отображение данных из Localstorage в HTML

То что написано в JS:

let cart = document.getElementById('cart');
let cartData = localStorage.getItem('cart');

if (cart == null){
    cart.innerHTML;
}
else{
    cart.innerHTML = cartData;
}

То что написано в Html:

<div id='cart' class = 'block_basket'> </div>

То что было в JS при получении данных:

var buyButtons = document.querySelectorAll('.buyButton');

    buyButtons.forEach(function (buyButton) {
        buyButton.addEventListener('click', function () {

            var productContainer = this.parentNode;
            var productName = productContainer.querySelector('.name_product').innerText;
            var productPrice = productContainer.querySelector('.price_product').innerText;
            var productImage = productContainer.querySelector('.image_product').getAttribute('src');

            var productData = {
                name: productName,
                price: productPrice,
                image: productImage
            };

            var cart = JSON.parse(localStorage.getItem('cart')) || [];
            cart.push(productData);
            localStorage.setItem('cart', JSON.stringify(cart));

Делаю это на Django все файлы друг с другом связаны уже проверял но данные не выводятся(сами данные успешно сохраняются смотрел через консоль разработчика)

Вернуться на верх