Я не уверен, что делать, чтобы завершить этот проект. Мне нужно создать корзину для покупок, которая использует только одну 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);
}

Прямой файл здесь

Pastebin:http://pastebin.com/sutGWjSY