Корзина на JS с localStorage?

'use srtict';
let productButtons = document.querySelectorAll('.buyBtn');
productButtons.forEach(function (btn) {
    btn.addEventListener('click', function (event) {
        let id = event.srcElement.dataset.id;
        let price = event.srcElement.dataset.price;
        let name = event.srcElement.dataset.name;
        let img = event.srcElement.dataset.img;
        cart.addProduct({ 
            id: id, 
            img: img,
            price: price, 
            name: name 
        })
    })
});
 
let cart = {
    products: {},
    /**
     * Добавляет продукт в корзину
    */
    addProduct(product) {
        this.productObject(product);
        this.renderProduct(product);
        this.productsTotalRender();
        this.productAddDeleteListeners();
        cart.productsQtyInCart();
    },
    /**
     * Обрабатывает событие кнопки удаления товара
     */
    productDeleteListener(event) {
        
        cart.productDelete(event);
        cart.productsTotalRender();
        cart.productsQtyInCart();
       
    },
    /**
     * Добавляет слушателей события на кнопки удаления
     */
    productAddDeleteListeners() {
        let delBtns = document.querySelectorAll('.productDelete');
        for (let i = 0; i < delBtns.length; i++) {
            delBtns[i].addEventListener('click', this.productDeleteListener);
        }
    },
    /**
    * Пишет сумму и количество товаров
    */
    productsTotalRender() {
        document.querySelector('.shop-price').textContent = this.productsTotal();
        
    },
    /**
     * Рендерит количество продуктов
     */
      productsQtyInCart() {
        let sumQtyInCart = document.querySelectorAll('.menu-shop>li').length-1;
        document.querySelector('.clor-cart').textContent = sumQtyInCart;
    },
     
    /**
     * Сам продукт в объекте
     */
    productObject(product) {
        if (this.products[product.id] == undefined) {
            this.products[product.id] = {
                img:product.img,
                price: product.price,
                name: product.name,
                count: 1
            }
        }
        
        else {
            this.products[product.id].count++;
        }
    },
    /**
      * Отрисовывает продукт в корзине
      */
    renderProduct(product) {
        let productCartExists = document.querySelector(`.productCount[data-id="${product.id}"]`);
        if (productCartExists !== null) {
            productCartExists.textContent++;
            return;
        }
        let productUnit = `
                            <li class="shop-item">
                                        <div class="shop-cart">
                                            <div class="image-shop">
                                                <img src="${product.img}" alt="">
                                            </div>
                                            <div class="next-shop">
                                                <i class="fa fa-times-circle productDelete" data-id="${product.id}"></i>
                                            </div>
                                            <div class="list-names">
                                                <a href="${product.id}">${product.name}</a>
 
                                            </div>
                                            <span class="price">
                                                <span class="amount">${product.price} руб/м2</span>
                                            </span>
                                            <div class="list-qty">
                                                <p>ШТУК: <span class="productCount" data-id="${product.id}">1</span></p>
                                            </div>
                                        </div></li>
 
                            `;
        let tbody = document.querySelector('.menu-shop');
        tbody.insertAdjacentHTML("afterbegin", productUnit);
    },
    /**
     * Считает общую сумму
     */
    productsTotal() {
        let sumTotal = 0;
        for (let ids in this.products) {
            sumTotal += this.products[ids].price * this.products[ids].count;
        }
        return sumTotal;
    },
 
   
        
   /**
     * Удалить из корзины и объекта продуктов
     * @param {MouseEvent} event
     */
    productDelete(event) {
        let id = event.srcElement.dataset.id;
        this.productDeleteFromObj(id);
        this.productDeleteFromCart(id);
            },
    /**
    * Удалить из корзины
    */
    productDeleteFromCart(id) {
        let productTD = document.querySelector(`.productCount[data-id="${id}"]`);
        if (productTD.textContent == 1) {
            productTD.parentNode.parentNode.parentNode.parentNode.remove();
        }    else {
            productTD.textContent--;
        }
    },
 
    /**
* Удалить из объекта продуктов
*/
    productDeleteFromObj(id) {
        if (this.products[id].count == 1) {
            delete this.products[id];
        } else {
            this.products[id].count--;
        }
    }
}

saveInStorage() {
  localStorage.setItem('cart', JSON.stringify(this.products));
}

readFromStorage() {
  let productsObj=JSON.parse(localStorage.getItem('cart'));
  return productsObj
}