1
2
var $ = document.querySelector.bind(document);
var $$ = document.querySelectorAll.bind(document);
3
4
var form = $("form");
5
var checks = $$(".checking .checkbox input");
6
var total = $(".total");
7
var itemsBox = $(".items");
8
9
10
11
12
13
14
15
16
17
function CalTotal() {
let totalValue = 0;
var items = [];
let stringItems = "";
checks.forEach((check) => {
let price = parseFloat(check.getAttribute("data-price"));
if (check.checked) {
totalValue += price;
items.push(check.getAttribute("data-name"));
18
}
19
});
20
items.forEach((item) => {
21
stringItems += '<p>${item}</p>`;
22
});
23
itemsBox.innerHTML =
24
stringItems + <p class="total">Total: ${totalValue}$</p>';
25
}
26
27
28
form.onsubmit = (e) => {
e.preventDefault();
29
CalTotal();
30
};
