大家好,我还是那个小白,这个国庆黄金周,我利用目前所学的一些知识,写了一个表格式的简单购物车:
HTML:
| 编号 | 名称 | 单价 | 个数 | 小计 |
|---|
let tbEle = document.querySelector(“tbody”);
//渲染函数
function dataRender() {
tbEle.innerHTML = “”;
let money = 0;
for (let index in dataArr) {
let newTr = document.createElement(“tr”);
newTr.innerHTML = <td>${dataArr[index].num}</td> <td>${dataArr[index].name}</td> <td>${dataArr[index].price}</td> <td> <input type="button" value="-" data-index="${index}"> <input type="text" value="${dataArr[index].count}" style="width:20px"> <input type="button" value="+"

本文介绍了如何利用HTML和JavaScript创建一个基本的购物车表格,包括商品编号、名称、单价、数量和小计。通过点击加减按钮动态更新商品数量,并实时计算总价。同时,文章实现了事件委托来处理按钮点击事件,确保了购物车功能的交互性。
最低0.47元/天 解锁文章
2076

被折叠的 条评论
为什么被折叠?



