jQuery購物車代碼及注釋
// 定義購物車 var cart = []; // 定義添加商品到購物車函數 function addToCart(item) { // 遍歷購物車中的商品 for (var i = 0; i < cart.length; i++) { // 如果商品已經存在于購物車中 if (cart[i].name === item.name) { // 增加該商品的數量 cart[i].quantity += item.quantity; return; } } // 如果商品不存在于購物車中,將商品添加到購物車 cart.push(item); } // 獲取購物車中所有商品的總價格 function getTotal() { var total = 0; // 遍歷購物車中的商品 for (var i = 0; i < cart.length; i++) { // 計算每個商品的總價 var itemTotal = cart[i].price * cart[i].quantity; // 將每個商品的總價加入購物車的總價格中 total += itemTotal; } return total; } // 定義從購物車中移除商品的函數 function removeFromCart(name) { // 遍歷購物車中的商品 for (var i = 0; i < cart.length; i++) { // 如果找到匹配的商品名稱 if (cart[i].name === name) { // 從購物車中移除該商品 cart.splice(i, 1); return true; } } return false; } // 調用函數并添加商品到購物車 addToCart({ name: "蘋果", price: 5, quantity: 3 }); addToCart({ name: "香蕉", price: 2, quantity: 1 }); // 輸出購物車中所有商品的總價格 console.log(getTotal()); // 從購物車中移除商品 removeFromCart("蘋果"); // 輸出購物車中所有商品的總價格 console.log(getTotal());
上一篇css怎么改裁剪
下一篇css怎么把選項單選