-
Notifications
You must be signed in to change notification settings - Fork 0
/
checkout2.js
118 lines (82 loc) · 3.05 KB
/
checkout2.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
// !contants
const SHIPPING_PRICE = 25.99;
const FREE_SHIPPING_LIMIT = 3000;
const TAX_RATE = 0.18;
// if (e.target.classList.contains("fa-minus")) {
// alert("minus")
// } else if (e.target.classList.contains("fa-plus")) {
// alert("plus")
// } else if (e.target.classList.contains("fa-trash-can")) {
// alert("remove")
// } else {
// alert("diger")
// }
// ! selectors
const deleteProducts =document.querySelector(".delete-div .fa-trash-can");
const products = document.querySelector(".products");
// !events
deleteProducts.addEventListener("click", function(event){
if(confirm("Are you sure ?")){
// products.textContent= "- No Product -";
// products.classList.add("no-product");
// // document.querySelector(".delete-div").style.display="none";
// event.target.parentElement.style.display="none";
noproductCheck();
calculateTotalPrice();
}
})
products.addEventListener("click", function(e) {
console.log(e.target);
if(e.target.classList.contains("fa-plus")){
e.target.previousElementSibling.innerText++;
calculateProductPrice(e.target);
}else if(e.target.classList.contains("fa-minus")){
e.target.nextElementSibling.innerText > 1 &&
e.target.nextElementSibling.innerText--;
calculateProductPrice(e.target);
}else if(e.target.classList.contains("fa-trash-can")){
e.target.closest(".product").remove()
calculateTotalPrice()
}
})
const calculateProductPrice = (btn) => {
const discountedPrice =btn
.closest(".product-info")
.querySelector("#discounted-price").textContent
const quantity = btn
.closest(".buttons-div")
.querySelector("#quantity").textContent;
const productPrice = btn
.closest(".buttons-div")
.querySelector("#product-price");
productPrice.textContent = (quantity*discountedPrice).toFixed(2);
calculateTotalPrice()
}
const calculateTotalPrice= () => {
const prices = document.querySelectorAll("#product-price");
// ! select toplam hesabı
const subtotal =
[...prices].reduce((sum , pri) => sum + Number(pri.textContent), 0)
// ! kargo bedeli
const shippingPrice =
subtotal >= FREE_SHIPPING_LIMIT || subtotal === 0 ? 0 : SHIPPING_PRICE;
// ! vergi bedeli
const taxPrice=
subtotal * TAX_RATE
// ! toplam tutar
const totalPrice = subtotal + shippingPrice + taxPrice;
// ! hesaplanan değerlerin dom a basılması
document.getElementById("selected-price").innerHTML = subtotal.toFixed(2);
document.getElementById("shipping").textContent = shippingPrice.toFixed(2);
document.getElementById("tax").textContent = taxPrice.toFixed(2);
document.getElementById("total").textContent= totalPrice.toFixed(2);
!totalPrice && noproductCheck()
}
const noproductCheck = ()=>{
products.textContent= "- No Product -";
products.classList.add("no-product");
document.querySelector(".delete-div").style.display="none";
}
window.addEventListener("load",()=>{
calculateTotalPrice()
})