Взял код с сайта интернет магазин (корзина), смысл такой, он просто заносит все данные в браузер localStorage, работает, но мне нужно чтобы был пересчёт данных, конечная цена (общая сумма) и вес общий (товар весовой)
MySQL
- id - номер (1)
- name - наимеование товара (сахар)
- price - цена товара ( 5р)
- weight - вес товара ( 0.1 грамм)
Jquery
$(document).ready(function() {
// Отобразим содержимое хранилища
function ref_cart() {
var output = "";
$(".cart li").remove();
for (var i = 0; i < localStorage.length; i++) {
output += "ID: "+localStorage.key(i)+" | Количество: "+localStorage.getItem(localStorage.key(i))+ " X ";
}
$(".cart").append(output);
}
// проверка совместимости
function web_storage() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
return false;
}
}
ref_cart();
// Добавить в корзину
$(".incart").on('click', function() {
var reg = /[0-9]/,
id = $(this).attr("data-pr"),
kolvo = $("#"+id).val();
if (reg.test(kolvo)) {
if(web_storage()) {
$("#"+id).val('');
localStorage.setItem(id, kolvo);
ref_cart();
} else{
alert("Ваш браузер не может работать с локальным хранилищем!");
}
} else {
$("#"+id).val('');
alert("Использовать только числа!");
}
});
// Удалить из корзины
$(document.body).on('click','.remove',function() {
localStorage.removeItem($(this).attr("data-pr"));
$(this).parent('li').remove();
});
});
А это я вывожу всё из БД, название и ID товара
<? while ($row = mysqli_fetch_array($result)): ?>
<tr>
<td><?=$row['name'];?></td>
<td><div class="userpro-input"> <input type="text" id="pr<?=$row['id'];?>" name="username_or_email" style="color:black;" class="log_pass_input"></div></td>
<td><div class="userpro-input"> <button data-pr="pr<?=$row['id'];?>" class="incart">В корзину</button> </div> </td>
</tr>
<? endwhile; ?>
Помоги сделать чтобы был перерасчёт конечный вид.