$(‘#popcart’).popover({
});
updatePopover(cart);
function updatePopover(cart) {
console.log('we are inside update popover');
var popStr = "";
var popStr = popStr + "<h5>cart for your items in my shopping cart</h5> <div class='mx-2 my-2'>";
var i = 1;
for (var item in cart) {
popStr = popStr + "<b>" + i + "</b>. ";
popStr = popStr + document.getElementById("name" + item).innerHTML.slice(0, 19) + "..." + "<br>" +
cart[item][0] + "</b>" + "Qty" + "<br>";
i = i + 1;
}
popStr = popStr + "</div><a href='/checkout'><button class='btn btn-success' id='clearCart'>Checkout</button></a><button class='btn btn-dark' onclick='clearCart()' id='clearCart'>ClearCart</button>"
document.getElementById('popcart').setAttribute('data-content', popStr);
$('#popcart').popover('show');
document.getElementById('popcart').click();
}