javascript - 如何在javascript中将多个项目添加到一个对象
问题描述
我正在编写一个 ShoppingCart 类来从购物车代码中添加和删除项目,这意味着从购物车中添加和删除项目。
class ShoppingCart{
constructor(){
this.total = 0;
this.items = {};
}
addItems(itemName, quantity, price){
this.itemName = itemName;
this.quantity = quantity;
this.price = price;
this.cost = this.quantity * this.price;
this.total += this.cost;
this.items['itemName'] = this.itemName;
this.items['quantity'] = this.quantity;
}
removeItems(itemName, quantity, price){
this.itemName = itemName;
this.quantity = quantity;
this.price = price;
this.cost = this.quantity * this.price;
this.total -= this.cost;
delete this.items['itemName', 'quantity'];
}
}
解决方案
基本上你需要如何添加和删除列表项。
按照下面的方法,让我知道它是否适合你。
<ul id="todo"></ul>
<button onclick="addItemTodo('test')">Add</button>
js
function addItemTodo(text) {
list = document.getElementById("todo");
item = document.createElement('li');
item.innerText = text;
trash = document.createElement('button');
trash.classList.add('btn1');
trash.addEventListener("click", removeActivity);
icon_trash = document.createElement('i');
icon_trash.classList.add('fas', 'fa-trash-alt', 'fa-2x');
item.appendChild(trash);
trash.appendChild(icon_trash);
list.appendChild(item); }
function removeActivity() {
var listItems = document.getElementsByTagName("li");
for (var i = 0; i < listItems.length; i++) {
listItems[i].onclick = function() {
this.parentNode.removeChild(this);
}
}
}
推荐阅读
- php - 检查今天的日期是否在一个范围之间,而不使用年份
- elasticsearch - elasticsearch 字符串聚合数组
- javascript - 在 javascript 中向下滚动之前等待 5 秒
- typescript - 查找数组的索引
- python - 将一个以小写字母开头的元素连接到列表的前一个元素
- python - 在图像上拟合样条曲线
- python - 使用python selenium,当id,类名不唯一时如何单击元素
- flutter - Flutter IOS just_audio在手机处于静音模式时不播放
- java - 如何修复 SQLState:从 Spring Boot 应用程序调用 postgres db 过程时出现 42809
- javascript - Fullcalendar 样式不同的事件