Как сделать отображение товаров корзины в модальном окне на bootstrap 4 через js?

Question

[Evgeniy]

Добрый день, подскажите пожалуйста как можно быстро реализовать такую задачу?
Который день бьюсь

При добавлении товаров, на самой странице отображается список, после нажатия на кнопку "Оформить заказ"
А в модальном окне эти товары уже не отображаются

https://codepen.io/Zhelezniy/pen/QWNedQE

Как сделать так, чтобы и в модальном окне они были?

например открыли модальное окно с товаром, нажали добавить в корзину.
затем открыли в модальном окне корзину, и тут весь список товаров

Answer 1

[Alexey Gnevyshev]

Не очень понятно описан вопрос.
Но, если я правильно понял, Вы хотите, чтобы при добавлении товара в корзину, он появлялся сразу и в одном блоке, и одновременно в другом блоке, внутри модального окна. Так?
Если так, тогда вижу 2 варианта решения, возможно, есть зависимость от того, чем/как добавляются товары в изначальный блок.
Вариант 1 - отреагировать на событие клика по кнопке - изменить js, чтобы добавлял товар сразу и в другой блок, который внутри modal.
Вариант 2 - задействовать MutationObserver - следить за состоянием изначального блока. Когда он изменится - прочитать и изменить второй блок внутри modal.