购物车数量更新

时间:2021-03-11 20:05:30

标签: javascript

我正在尝试更新我的购物车,我的意思是当我将商品添加到购物车时,不是显示我反复选择的商品的卡片,而是只想获得一张带有候选人的卡片:${JSON.stringify(carrito.length)} 值更新为我添加的项目数量。我想在一张卡中装 3 个 Galaxy S10,用数字显示数量,而不是 3 个。

    function agregarAlCarrito (celular)
    {
        console.log(carrito);
        carrito.push(celular);
        localStorage.setItem("carrito", JSON.stringify(carrito));
        let aux = ``;
        for (let i = 0; i < carrito.length; i++)
        {
            aux += `                       
            <a href="#"><img class="card-img-top" src="${carrito[i].imagen}" align="left" style= "width:80px ; height:80px;" alt=""></a>
            <div class="card-body">
            <p class="card-title">
            <a href="#">${carrito[i].modelo}</a>
            </p>
            <p>$${carrito[i].precio}</p>
            <p>Cantidad: ${JSON.stringify(carrito.length)}</p>
            <p class="btn btn-danger btn-sm" onclick = 'eliminarDelCarrito(${JSON.stringify(baseDeDatos[i])})'> X </p>
            </div>`;
        }
        $("#mostrarCarrito").html(aux);   
    }

Img of the cart

0 个答案:

没有答案