Tworzenie koszyka przy użyciu tylko HTML / JavaScript

Nie jestem pewien, co zrobić, aby ukończyć ten projekt. Muszę utworzyć koszyk, który używa tylko jednej strony HTML. Mam skonfigurowaną tabelę pokazującą, co jest sprzedawane, ale gdzie zgubiłem JavaScript.

Nie wiem, jak połączyć przycisk „Dodaj do koszyka” ze wszystkimi niezbędnymi danymi (nazwa, opis i cena), aby móc dodać go do koszyka. Nie muszę mieć możliwości usunięcia go z koszyka, ale musi pokazać sumę. Po znalezieniu kilku odpowiedzi w Internecie, wypróbowałem kilka rzeczy, ale nie mogę tego zrozumieć.

Każda pomoc jest z pewnością doceniana, ponieważ jestem całkowicie zagubiony w tym momencie i ogólnie jestem nowy w JavaScript.

To jest jsFiddle, ale to było dla mnie trochę mylące, ponieważ działa tam inaczej niż gdybym po prostu poszedł do Notatnika ++

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);
}

Bezpośredni plik jest tutaj

Pastebin:http://pastebin.com/sutGWjSY

questionAnswers(3)

yourAnswerToTheQuestion