Моя корзина не сбрасывается (функция javascript)

Question

У меня проблема с корзиной. Каждый раз, когда я нажимаю на кнопку «Добавить корзину», она отображает номера в корзине, после перезагрузки страницы номера все еще там. Любое предложение о том, как я могу сбросить после перезагрузки страницы?

// CART FUNCTION
function cart(name, price, url, con, btncart) {
  var item = {
    name: name,
    price: price,
    url: url
  };
  cartItems.push(item);
  let storage = JSON.parse(localStorage.getItem("cart"));
  if (storage == null) {
    products.push(item);
    localStorage.setItem("cart", JSON.stringify(products));
  } else {
    products = JSON.parse(localStorage.getItem("cart"));
    products.push(item);
    localStorage.setItem("cart", JSON.stringify(products));
  }
  products = JSON.parse(localStorage.getItem("cart"));
  cart_n.innerHTML = `[${products.length}]`;
  // Take off display = none so the button won't dissapear!
  document.getElementById(btncart).style.display = "none";
  animation();
}
function cart2(name, price, url, con, btncart) {
  var item = {
    name: name,
    price: price,
    url: url
  };
  cartItems.push(item);
  let storage = JSON.parse(localStorage.getItem("cart"));
  if (storage == null) {
    products.push(item);
    localStorage.setItem("cart", JSON.stringify(products));
  } else {
    products = JSON.parse(localStorage.getItem("cart"));
    products.push(item);
    localStorage.setItem("cart", JSON.stringify(products));
  }
  products = JSON.parse(localStorage.getItem("cart"));
  cart_n.innerHTML = `[${products.length}]`;
  document.getElementById(btncart).style.display = "none";
}

Answer 1

Попробуйте использовать этот код,

window.onload = function() {
    localStorage.removeItem("cart")
};