js購(gòu)物車(chē)數(shù)量加減 js購(gòu)物車(chē)加減計(jì)算總價(jià)
Kogan精選控賣(mài)家服務(wù)2025-05-282390
要實(shí)現(xiàn)購(gòu)物車(chē)數(shù)量加減的功能,可以使用JavaScript編寫(xiě)一個(gè)簡(jiǎn)單的函數(shù)。以下是一個(gè)簡(jiǎn)單的示例:
// 購(gòu)物車(chē)對(duì)象
var cart = {
items: [
{ name: '商品1', price: 10 },
{ name: '商品2', price: 20 },
// ...更多商品
],
totalPrice: 0,
};
// 添加商品到購(gòu)物車(chē)
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('商品不存在');
}
}
// 從購(gòu)物車(chē)中刪除商品
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('商品不存在');
}
}
// 更新購(gòu)物車(chē)總價(jià)
function updateTotalPrice() {
const total = cart.totalPrice;
console.log('當(dāng)前購(gòu)物車(chē)總價(jià):', total);
}
// 示例:添加商品到購(gòu)物車(chē)
addToCart('商品3');
updateTotalPrice(); // 輸出:當(dāng)前購(gòu)物車(chē)總價(jià): 50
// 示例:從購(gòu)物車(chē)中刪除商品
removeFromCart('商品3');
updateTotalPrice(); // 輸出:當(dāng)前購(gòu)物車(chē)總價(jià): 40
這個(gè)示例中,我們定義了一個(gè)名為cart
的對(duì)象,用于存儲(chǔ)購(gòu)物車(chē)中的商品及其價(jià)格。我們還定義了三個(gè)函數(shù):addToCart
、removeFromCart
和updateTotalPrice
,分別用于添加商品到購(gòu)物車(chē)、從購(gòu)物車(chē)中刪除商品和更新購(gòu)物車(chē)總價(jià)。
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場(chǎng)。
轉(zhuǎn)載請(qǐng)注明,如有侵權(quán),聯(lián)系刪除。