-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.js
102 lines (92 loc) · 3.13 KB
/
style.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
let number = document.querySelectorAll("#product-quantity");
let minus = document.querySelectorAll(".minus");
let plus = document.querySelectorAll(".plus");
let removeButton = document.querySelectorAll(".remove-product");
let products = document.querySelectorAll(".product");
let priceProducts = document.querySelectorAll("strong");
let priceLine = document.querySelectorAll(".product-line-price");
let shipping = document.getElementById("cart-shipping");
let tax = document.getElementById("cart-tax");
let subTotal = document.getElementById("cart-subtotal");
let total = document.getElementById("cart-total");
totalFunc();
for (let i = 0; i < number.length; i++) {
removeButton[i].addEventListener("click", () => {
if (confirm("Are you sure you want to delete this product?") == true) {
products[i].remove();
if (priceLine[i].innerHTML != "") {
subTotal.lastElementChild.innerHTML = (
Number(subTotal.lastElementChild.innerHTML) -
Number(priceLine[i].innerHTML)
).toFixed(2);
if(subTotal.lastElementChild.innerHTML == 0){
shipping.lastElementChild.innerHTML = "0";
}
tax.lastElementChild.innerHTML = (
(Number(subTotal.lastElementChild.innerHTML) * 18) /
100
).toFixed(2);
total.lastElementChild.innerHTML = (
Number(subTotal.lastElementChild.innerHTML) +
Number(tax.lastElementChild.innerHTML) +
Number(shipping.lastElementChild.innerHTML)
).toFixed(2);
}
}
});
}
for (let i = 0; i < number.length; i++) {
plus[i].addEventListener("click", () => {
if (+number[i].innerHTML >= 0) {
number[i].innerHTML = +number[i].innerHTML + 1;
priceLine[i].innerHTML = +(
priceProducts[i].innerHTML * number[i].innerHTML
).toFixed(2);
}
totalFunc();
});
}
for (let i = 0; i < number.length; i++) {
minus[i].addEventListener("click", () => {
if (+number[i].innerHTML >= 1) {
number[i].innerHTML -= 1;
priceLine[i].innerHTML = +(
priceProducts[i].innerHTML * number[i].innerHTML
).toFixed(2);
} else {
number[i].innerHTML -= 1;
if (confirm("Are you sure you want to delete this product?") == true) {
products[i].remove();
/* if(priceLine.innerHTML != ""){
subTotal.lastElementChild.innerHTML -= priceLine.innerHTML;
} */
} else {
number[i].innerHTML = "0";
number[i].disabled = true;
priceLine[i].innerHTML = "0";
}
}
totalFunc();
});
}
function totalFunc() {
let a = (subTotal.lastElementChild.innerHTML = (
Number(priceLine[0].innerHTML) +
Number(priceLine[1].innerHTML) +
Number(priceLine[2].innerHTML)
).toFixed(2));
let b = (tax.lastElementChild.innerHTML = (
(subTotal.lastElementChild.innerHTML * 18) /
100
).toFixed(2));
let c = (shipping.lastElementChild.innerHTML = "15");
total.lastElementChild.innerHTML = (
Number(a) +
Number(b) +
Number(c)
).toFixed(2);
if (subTotal.lastElementChild.innerHTML == 0) {
shipping.lastElementChild.innerHTML = "0";
total.lastElementChild.innerHTML = "0";
}
}