DOM简易版购物车

let shopArr = [{
index: 1,
shopName: “Apple”,
price: 100,
count: 1
}, {
index: 2,
shopName: “HuaWei”,
price: 200,
count: 1
}, {
index: 3,
shopName: “xiaomi”,
price: 300,
count: 1
}, {
index: 4,
shopName: “vivo”,
price: 400,
count: 1
}, {
index: 5,
shopName: “oppo”,
price: 500,
count: 1
}];
let str = “”;
let money = 0;
for (let item in shopArr) {
str += <tr> <td>${shopArr[item].index}</td> <td>${shopArr[item].shopName}</td> <td>${shopArr[item].price}</td> <td> <input type ="button" value = "-"> <input type="text" style="width:40px" value="${shopArr[item].count}"><input type="button" value="+"></td> <td>${shopArr[item].price * shopArr[item].count} </td> </tr>
money += shopArr[item].price * shopArr[item].count ;
}
str += `

合计： ${money} ` let tbEle = document.getElementsByTagName("tbody")[0]; tbEle.innerHTML = str;