js购物车流程图
2020-06-11 14:06:10 0 举报
js购物车详细步骤
作者其他创作
大纲/内容
序号名称价钱数量小计
商品小计、减号、加号、数量、小计
数量value值>0
使用匿名函数计算小计单价×数量获取下标
用户点击的时加还是减
控制数量按钮的值不能小于1
使用匿名函数计算总计
使用innerText把获取到的小计值输出到页面上
获取到总价的输出到页面
给加减按钮添加加onclick点击事件
功能实现
获取当前对应的文本框的值
控制数量的值不能小于1
添加input框给input添加id
使用闭包函数进行循环
声明一个变量获取getElementsByClassName绑定商品小计
value = 0默认值为零
进行一个if()判断是否等于0
通过getElementsByid获取input框value值
加
使用document.getElementsByClassName获取所有的class
匿名函数包裹for循环循环小计总体输出
小计 = 数量 * 单价
是
减
计算总计
通过商品下标获取按钮加、按钮减
开始
结束
使用td表格加上标题标题
把i的值赋给index
使用第一个for循环循环商品的长度
0 条评论
下一页