在淘汰赛购物车中创建总成本函数

Question

我对JS淘汰赛非常陌生，并且受过向购物车添加功能的任务。 我已经创建了一个用于购物车中物品总费用的函数，但是它不起作用（代码在下面突出显示）。

我的问题是：如何更改此功能或创建一个新功能，以输出购物车中物品的总成本，并且如果移除某物品或更改一件物品的数量，该功能也会改变？

这是购物车的代码和简要说明：

http://jsfiddle.net/b4atrw2g/5/

该购物车有两个主要部分。 在“添加新项目”部分，用户输入该项目的名称，成本和数量，然后单击“添加项目”。

然后，该项目连同成本和数量一起显示在“购物车中的项目”部分。 当商品在购物车中时，用户仍然可以更改其数量。

我创建了一个名为“ getTotalCost”的函数，但是该函数在将商品添加到购物车之前输出该商品的总费用，并且在将该商品添加到购物车后消失。

功能如下：

 viewModel.getTotalCost = ko.pureComputed(function() { var total = 0; total += viewModel.newItemPrice() * viewModel.newItemQuantity(); return total; }, viewModel); 

先感谢您。

Answer 1

viewModel.getTotalCost = ko.pureComputed(function() 
{
    var total = 0;
    arr = viewModel.itemsInCart();
    for (i = 0; i< arr.length;i++)
       total += arr[i].price * arr[i].quantity;
    return total; 
}

http://jsfiddle.net/b4atrw2g/6/