Hello house, im trying to create a popover with two buttons but each time i try running the code the checkout and clear buttons don't show in the popup. This function is to be use in a cart. Anyone have an idea on how i should go about it?

1

$(‘#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(); 

  
}