Ребят, у меня такая проблема. У меня была такая задумка, что есть главная страница с товарами , а корзина...
Ребят, у меня такая проблема. У меня была такая задумка, что есть главная страница с товарами , а корзина находится на другой странице и все добавленные товары попадают туда. Есть код , все работает, сделано через LocalStorage, но , чтобы товары отобразились в корзине нужно перезагружать страницу, хотелось бы чтобы они сразу добавлялись и убирались в зависимости добавил ли пользователь товар на главной странице. Вот главная страница с товарами https://codepen.io/Rifat03/pen/mdjRpYG, а вот страница с корзиной https://codepen.io/Brainfixer/pen/oNMBEwM как такое можно реализовать?Знаю, что есть событие storage, пробовал - не получилось, скорее всего я не правильно что-то сделал. В общем нужно, чтобы товары добавлялись и удалялись в реальном времени, а не с перезагрузкой страницы))
Ответ:
Добрый день. Посмотрел ваш код. При добавлении товара в корзину на главной странице информация о добавленном товаре попадает в блок корзины без перезагрузки.
Вижу на этой же странице закомментированный код, связанный с localStorage. Однако, на странице корзины слушателя событий на событие storage у вас нет. Соответственно, у вас оно и не отслеживается. Попробуйте добавить на страницу корзины слушатель события storage:
window.addEventListener("storage", <ваша функция обновления корзины>);
В функции обновления корзины реализуйте весь связанный функционал.
1