JS计算购物车中商品总价

简介: JS计算购物车中商品总价

具体思路:

商品信息通过创建商品对象来实现,商品的加和通过创建数组,再通过遍历数组读取指定属性对价格进行计算。

// 总价变量
        let sum = 0;
        // 商品对象
        function Goods(name,price,amount){
          this.name = name;
          this.price = price;
          this.amount = amount;
          // this.add = fun();
        }
        // 定义声明商品实例
        let goods1 = new Goods("111",100,1);
        let goods2 = new Goods("11",10,1);
        let goods3 = new Goods("2",100,2);
        // 创建函数进行总价计算
        function totalPrice(){
          // 将对象放入数组
          let arr = new Array(goods1,goods2,goods3);
          // 通过遍历将各个商品价格进行相加
          for(let i in arr){
            sum = sum + (arr[i].price * arr[i].amount);
          };
          console.log(sum);
        };
        console.log(goods1);
        console.log(goods2);
        console.log(goods3);
        totalPrice();

1. 当单价改变的时候,计算出这件商品的总金额,同时计算出所有商品的总金额;

      2.当单件商品的总金额改变时,计算出所有商品的总金额

     3.页面初始化的时候,单价有初始值,自动计算出商品的总金额,同时计算出所有商品的总金额;

单价,总金额:input输入框输入的是只能是非负的浮点数或者整数切只能保留两位小数点

 

相关文章
|
27天前
|
JavaScript
当当网上书店购物车——JS源码
当当网上书店购物车——JS源码
13 0
|
10天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
10天前
|
JavaScript 前端开发 大数据
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
|
3月前
|
存储 移动开发 JavaScript
NUS CS1101S:SICP JavaScript 描述:五、使用寄存器机进行计算(1)
NUS CS1101S:SICP JavaScript 描述:五、使用寄存器机进行计算(1)
|
3月前
|
JavaScript
js计算时间为刚刚、几分钟前、几小时前、几天前··
js计算时间为刚刚、几分钟前、几小时前、几天前··
N..
|
24天前
|
缓存 JavaScript 前端开发
Vue.js的计算属性
Vue.js的计算属性
N..
11 2
|
27天前
|
JavaScript 前端开发
购物车的功能——JS源码
购物车的功能——JS源码
12 2
|
2月前
|
JavaScript 前端开发
JavaScript 计算时间差并格式化输出
JavaScript 计算时间差并格式化输出
19 0
|
3月前
|
JavaScript 前端开发
js实现购物车效果
js实现购物车效果
22 0
|
3月前
|
存储 自然语言处理 JavaScript
NUS CS1101S:SICP JavaScript 描述:五、使用寄存器机进行计算(4)
NUS CS1101S:SICP JavaScript 描述:五、使用寄存器机进行计算(4)