javascript - 如何在 Javascript 中正确更新购物车总计？

Question

我正在寻找一些 Javascript，它可以:

• 更新所选产品(下拉菜单)和输入数量的购物车总计

(*安全性将由后端 PHP 处理。过去三天我已经尝试过这样做，但显然我的代码太糟糕了，我羞于再次在这里重新发布它)

<小时/>

我的想法:
- 创建购物车对象
- 创建一个函数，重新计算发生的任何更改的总数
(我想不出这还需要什么，因为 javascript 只是将其传递给 PHP 脚本进行检查)

有人知道一些 javascript 可以满足我所寻求的工作吗？我的想法正确吗？

Answer 1

下面是使用显示模块模式构建的示例购物车 JavaScript 对象。

var shoppingCart = function () {
        var obj = {}, items = [];

        obj.AddItem = function (itemNo, quantity, price) {
            var item = {};
            item.itemNo = itemNo;
            item.quantity = quantity;
            item.price = price;
            items.push(item)
        };

        obj.GetAllItems = function () {
            return items;
        };

        obj.GetItemByNo = function (item) {
            for (var i = 0; i < items.length; i++) {
                if (items[i].itemNo === item)
                    return item[i];
            }
            return null;
        };

        obj.CalculateTotal = function () {
            var total = 0;
            for (var i = 0; i < items.length; i++) {
                total = total + (items[i].quantity * items[i].price);
            }
            return total;
        };

        return obj;
    };
    var cart = new shoppingCart();

使用 AddItem 方法添加项目，包括在 UI 中有用的其他属性。

shoppingcart.AddItem(2,4,2.4);

获取购物车中的商品列表

var items =  shoppingcart.GetAllItems();

计算购物车中商品的总价

var total = shoppingcart.CalculateTotal();

请注意，我已在此处键入此代码，因此可能包含拼写错误，并且我建议在添加商品之前将价格和数量的数据类型验证为数字。