Тема: Таблиця JS
Є ось такий код ,так звана кошик товарів,я нижче постанніх 2 стовпців вивести загальну суму всіх товарів ,я розумію що потрібно зробити цикл ,але не розумію як реалізувати
var d = document,
itemBox = d.querySelectorAll('.product-grid'),
cartCont = d.getElementById('cart_content');
function addEvent(elem, type, handler){
if(elem.addEventListener){
elem.addEventListener(type, handler, false);
} else {
elem.attachEvent('on'+type, function(){ handler.call( elem ); });
}
return false;
}
function getCartData(){
return JSON.parse(localStorage.getItem('cart'));
}
function setCartData(o){
localStorage.setItem('cart', JSON.stringify(o));
return false;
}
function addToCart(e){
this.disabled = true;
var cartData = getCartData() || {},
parentBox = this.parentNode,
itemId = this.getAttribute('data-id'),
itemTitle = parentBox.querySelector('.title').innerHTML,
itemPrice = parentBox.querySelector('.price').innerHTML;
if(cartData.hasOwnProperty(itemId)){
cartData[itemId][2] += 1;
alert("Товар добавлено!");
} else {
cartData[itemId] = [itemTitle, itemPrice, 1];
alert("Товар добавлено!");
}
if(!setCartData(cartData)){
this.disabled = false;
}
return false;
}
for(var i = 0; i < itemBox.length; i++){
addEvent(itemBox[i].querySelector('.add_item'), 'click', addToCart);
}
function openCart(e){
var cartData = getCartData(),
totalItems = '';
if(cartData !== null){
totalItems = '<table class="shopping_list"><tr><th>Назва</th><th>ціна</th><th>К-сть</th></tr>';
for(var items in cartData){
totalItems += '<tr>';
for(var i = 0; i < cartData[items].length; i++){
totalItems += '<td>' + cartData[items][i] + '</td>';
}
totalItems += '</tr>';
}
totalItems += '</table>';
cartCont.innerHTML = totalItems;
} else {
cartCont.innerHTML = 'В кошику нічого немає!';
}
return false;
}
/
addEvent(d.getElementById('checkout'), 'click', openCart);
addEvent(d.getElementById('clear_cart'), 'click', function(e){
localStorage.removeItem('cart');
cartCont.innerHTML = 'кошик очищено.';
});
