Массив корзины не обновляется правильно

Question

У меня есть объект корзины с элементами свойств [], и я хочу обновить пользовательский интерфейс, когда пользователь добавил кнопку продукта и щелкнула корзина просмотра, когда открыт div со всеми продуктами в cart.items [];

Я инициировал элементы [] с несколькими продуктами, и когда я нажимал на корзины просмотра, я вижу продукты;Однако, если элементы [] пустые, и я нажимаю на ссылку «Добавить товар в корзину» и нажимаю на «Просмотреть корзину», я ничего не получил;

Моя проблема в том, что продукт добавлен, но пользовательский интерфейс не обновляется. Как я могу это исправить?

Cart.viewCartItems = function() {
  var items = Cart.items; //JSON.parse(window.localStorage.getItem("cart"));
  const cart = document.querySelector(".cart-view");

  if (items.length === 0) {
    cart.innerHTML = "<h2> Your car is empty</h2>";
  } else {

    cart.innerHTML = Cart.items;
  }
};