Não tenho certeza do que fazer para concluir este projeto. Eu preciso criar um carrinho de compras que usa apenas uma página HTML. Eu tenho a tabela criada mostrando o que está sendo vendido, mas onde estou perdido é o JavaScript.

Não sei como vincular o botão "Adicionar ao carrinho" com todos os dados necessários (O nome, descrição e preço) para poder adicioná-lo ao carrinho. Não preciso poder removê-lo do carrinho, mas ele precisa mostrar o total. Depois de procurar online por algumas respostas, eu tentei algumas coisas, mas simplesmente não consigo descobrir.

Qualquer ajuda é definitivamente apreciada porque estou completamente perdido neste momento e sou novo no JavaScript em geral.

Este é o jsFiddle, mas isso foi um pouco confuso para mim, porque ele está funcionando de forma diferente lá do que se eu fui para Executar no 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);
}

O arquivo direto está aqui

Pastebin:http://pastebin.com/sutGWjSY