function add(items) {
var tbody = document.getElementsByTagName('tbody')[0]
var tfoot = document.getElementsByTagName('tfoot')[0]
var num = tbody.children.length
var total = parseFloat(tfoot.innerHTML.match(/\d+.\d/)[0])
var tr = ''
for (let i in items) {
total = parseFloat((total + items[i].price).toFixed(2))
tr += `
<tr>
<td>${items[i].name}</td>
<td>${items[i].price.toFixed(2)}</td>
<td><a href="javascript:void(0);">删除</a></td>
</tr>
`
num++
}
var tf = `
<tr>
<th>总计</th>
<td colspan="2">${total.toFixed(2)}(${num}件商品)</td>
</tr>
`
tbody.innerHTML = tbody.innerHTML + tr
tfoot.innerHTML = tf
}
function bind() {
var tbody = document.getElementsByTagName('tbody')[0]
var tfoot = document.getElementsByTagName('tfoot')[0]
tbody.addEventListener('click', function (e) {
let num = tbody.children.length
if (e.target.tagName === 'A') {
let price = parseFloat(e.target.parentElement.parentElement.innerHTML.match(/\d+.\d/)[0])
e.target.parentElement.parentElement.remove()
var total = parseFloat(tfoot.innerText.match(/\d+.\d+/)[0])
tfoot.innerHTML = `
<tr>
<th>总计</th>
<td colspan="2">${(total - price).toFixed(2)}(${num - 1}件商品)</td>
</tr>
`
}
})
}
bind()