【资源名称】
基于 JavaScript 的产品购物车数量加减+-(调试通过)
【内容概要】
在电子商务网站购物时,选择了一个商品后,一般购物车都有一个可
以调整购买数量的位置,形如“- 1+”,点击加号,增加购买数量,点
击减号,减少购买数量或清空购物车。通过 JavaScript 原生代码,可
以很简单地实现此功能,藉此适应小程序商城开发。核心代码如下:
// 减
redu.addEventListener("click", function(){
if(Number(num.value) > 0 ){
num.value = Number(num.value) - 1
localStorage.setItem("proNum", num.value);
}
});
// 加
add.addEventListener("click", function(){
num.value = Number(num.value) + 1
localStorage.setItem("proNum", num.value);
});
// 存储
num.value = localStorage.getItem("proNum");
【适用人群】