Как обьеденить код фильтра товаров и код который добавляет товары в коризну чтобы работало?

Question

[petrro]

Как обьеденить код фильтра товаров и код который добавляет товары в коризну чтобы работало?

Есть два различных кода, я уже целый день сижу и мудрую как слепить эти два кода но ничего не получается(
Первый код делает (eshop.js):
1) выводит товары (обьекты) из файла JSON на страницу:
2) при нажатии на кнопку "купить" добавляются товары в мини корзину на поточную html страницу и с помощью еще одного js файла (cart.js) в отдельную страницу также добавляются на страницу и там также можно манипулировать товарами
3) с помощью условия в eshop.js в зависимости какая страница man.html или woman.html открыта выводятся либо женские либо мужские товары (обьекты)

Второй код просто фильтрует товары по цене, стране или по раземеру

Ссылка на первый код(почему-то не запускается проект на codesandbox( не отображаются товары вообще), но код сам там один в один как у меня в текстовом редакторе то посмотреть код можно.
https://codesandbox.io/s/great-bardeen-p7v7f

Ссылка на второй код:
https://jsfiddle.net/h129478t/

Понимаю что задача очень сложная, но очень надеюсь на вашу помощь...

Answer 1

[Виктор Л]

Дальше сами...
демо

Comments

[petrro]

Cпасибо огромное!
Единственное, что хотел еще спросить, в вашем коде когда обновляю страницу в браузере из localStorage пропадают добавленние в мини-корзину товары и не отображаются в мини-корзине. Почему так? Как это исправить?

[Виктор Л]

Здравствуйте это не мой код, я просто вам подключил вашу солянку..
var cart = {}; тут пустая корзина а вы должны ее получить из localStorage

[petrro]

Виктор Л, а как получить ее из localStorage? что добавить к коду чтобы содержимое корзины не пропадало при обновлении страницы?

[Виктор Л]

petrro, Внесите правки

var cart = {};
  checkCart();

//------------
function checkCart() {
    if (localStorage.getItem("cart") != null) {
      cart = JSON.parse(localStorage.getItem("cart"));
      showMiniCart();
    }
  }

[petrro]

Виктор Л, Спасибо!