No estoy seguro de qué hacer para completar este proyecto. Necesito crear un carrito de compras que use solo una página HTML. Tengo la tabla configurada que muestra lo que se está vendiendo, pero donde estoy perdido es el JavaScript.

No sé cómo vincular el botón "Agregar al carrito" con todos los datos necesarios (el nombre, la descripción y el precio) para poder agregarlo al carrito. No necesito poder retirarlo del carrito, pero sí es necesario que muestre el total. Después de buscar en línea algunas respuestas, he intentado algunas cosas, pero no puedo entenderlo.

Cualquier ayuda es apreciada definitivamente porque estoy completamente perdido en este punto y soy nuevo en JavaScript en general.

Este es el jsFiddle pero fue un poco confuso para mí, porque está funcionando de manera diferente en eso que si solo fuera a Ejecutar en 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);
}

El archivo directo está aquí.

Pastebinhttp://pastebin.com/sutGWjSY