编写一个购物车js代码
时间: 2024-05-23 08:11:31 浏览: 20
好的,以下是一个简单的购物车js代码:
// 购物车数组
var cart = [];
// 添加商品到购物车
function addToCart(item) {
// 判断购物车是否已有该商品
var itemIndex = cart.findIndex(function(cartItem) {
return cartItem.name === item.name;
});
if (itemIndex === -1) {
// 购物车中无该商品,添加到购物车
cart.push(item);
} else {
// 购物车中已有该商品,增加数量
cart[itemIndex].quantity += item.quantity;
}
}
// 显示购物车
function showCart() {
// 遍历购物车中的商品,生成 HTML 字符串
var cartHtml = '<ul>';
for (var i = 0; i < cart.length; i++) {
cartHtml += '<li>' + cart[i].name + ' x ' + cart[i].quantity + '</li>';
}
cartHtml += '</ul>';
// 显示购物车
alert('购物车中的商品:\n\n' + cartHtml);
}
// 示例商品
var item1 = {name: '商品1', price: 10, quantity: 1};
var item2 = {name: '商品2', price: 20, quantity: 2};
var item3 = {name: '商品3', price: 30, quantity: 3};
// 添加商品到购物车
addToCart(item1);
addToCart(item2);
addToCart(item2);
addToCart(item3);
// 显示购物车
showCart();
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)