要實現(xiàn)購物車數(shù)量加減的功能,可以使用JavaScript編寫一個簡單的函數(shù)。以下是一個簡單的示例:
// 購物車對象
var cart = {
items: [
{ name: '商品1', price: 10 },
{ name: '商品2', price: 20 },
// ...更多商品
],
totalPrice: 0,
};
// 添加商品到購物車
function addToCart(itemName) {
const item = cart.items.find((item) => item.name === itemName);
if (item) {
cart.totalPrice += item.price;
cart.items.push(item);
} else {
console.error('商品不存在');
}
}
// 從購物車中刪除商品
function removeFromCart(itemName) {
const index = cart.items.findIndex((item) => item.name === itemName);
if (index !== -1) {
cart.totalPrice -= cart.items[index].price;
cart.items.splice(index, 1);
} else {
console.error('商品不存在');
}
}
// 更新購物車總價
function updateTotalPrice() {
const total = cart.totalPrice;
console.log('當前購物車總價:', total);
}
// 示例:添加商品到購物車
addToCart('商品3');
updateTotalPrice(); // 輸出:當前購物車總價: 50
// 示例:從購物車中刪除商品
removeFromCart('商品3');
updateTotalPrice(); // 輸出:當前購物車總價: 40
這個示例中,我們定義了一個名為cart
的對象,用于存儲購物車中的商品及其價格。我們還定義了三個函數(shù):addToCart
、removeFromCart
和updateTotalPrice
,分別用于添加商品到購物車、從購物車中刪除商品和更新購物車總價。
本文內(nèi)容根據(jù)網(wǎng)絡資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明,如有侵權,聯(lián)系刪除。