Создание корзины покупок с использованием только 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);
}
Прямой файл здесь
Pastebin:http://pastebin.com/sutGWjSY