小编use*_*778的帖子

仅使用HTML/JavaScript创建购物车

我不知道该怎么办才能完成这个项目.我需要创建一个只使用一个HTML页面的购物车.我已经设置了表格,显示了正在销售的产品,但我丢失的是JavaScript.

我不知道如何将"添加到购物车"按钮与所有必要的数据(名称,描述和价格)相关联,以便将其添加到购物车.我不需要将它从购物车中移除,但它确实需要显示总数.在网上搜索了几个答案之后,我尝试了一些东西但是无法理解.

任何帮助都是绝对值得赞赏的,因为我在这一点上完全迷失了,并且对JavaScript一般都是新手.

这是jsFiddle,但这对我来说有点混乱,因为它在那里的工作方式不同于我刚刚在Notepad ++中运行

jsFiddle:http://jsfiddle.net/renavi/ATjvt/5/

function AddtoCart() {
  console.log('hi');
  var x = document.getElementById('Items');
  var new_row = x.rows[1].cloneNode(true);
  var len = x.rows.length;
  new_row.cells[0].innerHTML = len;
  var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
  inp1.id += len;
  inp1.value = '';
  var inp2 = new_row.cells[2].getElementsByTagName('input')[0];
  inp2.id += len;
  inp2.value = '';
  x.appendChild(new_row);
}
Run Code Online (Sandbox Code Playgroud)

直接文件在这里

Pastebin:http://pastebin.com/sutGWjSY

html javascript arrays html-table cart

4
推荐指数
1
解决办法
18万
查看次数

标签 统计

arrays ×1

cart ×1

html ×1

html-table ×1

javascript ×1