pastebin

function displayCart() {

    // Abbreviating other stuff to focus on the core topic...

 

    for (let i = 0; i < cart.length; i++) {

        var cartItemHtml = [

            '<div id="cart-item-' + i + '">',

                '<img class="w-10 h-10 object-cover rounded-md" src="' + cart[i].img + '" />',

                '<span class="ml-4 font-semibold text-sm">' + cart[i].name + '</span>',

                '<div>' + cart[i].price + '</div>',

                '<span class="px-3 py-1 rounded-md bg-red-300 text-white" onclick="removeFromCart(' + cart[i].id + ')">x</span>',

            '</div>'

        ].join("n");

    }