From 624150cf7d4637370e2debeab231ae6e4b880258 Mon Sep 17 00:00:00 2001 From: kplnhsyn Date: Mon, 29 Jan 2024 14:02:04 +0100 Subject: [PATCH] the end --- checkout.html | 217 +++++++++++++++++++++++++++----------------------- checkout.js | 2 +- 2 files changed, 119 insertions(+), 100 deletions(-) diff --git a/checkout.html b/checkout.html index 9b196b0..4d18df4 100644 --- a/checkout.html +++ b/checkout.html @@ -1,110 +1,129 @@ + + + + + + + + + + Checkout + - - - - - - - - - - Checkout - - - -

Checkout

-
-
-
-
-
- -
-

Vintage Backbag

-
-

25.98 34.99

-
-
- - -

1

- + -
-
- + +

Checkout

+
+
+
+
+
+
+
+ +
+

Vintage Backbag

+
+

+ 25.98 + 34.99 +

+
+
+ - +

1

+ + +
+
+ +
+
25.98
+
-
25.98
- -
-
-
- -
-

Levi Shoes

-
-

45.99 54.99

+
+ +
+

Levi Shoes

+
+

+ 45.99 + 54.99 +

+
+
+ - +

1

+ + +
+
+ +
+
45.99
+
-
- - -

1

- + -
-
- -
-
45.99
- -
-
-
- -
-

Antique Clock

-
-

74.99 94.99

-
-
- - -

1

- + +
+ +
+

Antique Clock

+
+

+ 74.99 + 94.99 +

+
+
+ - +

1

+ + +
+
+ +
+
74.99
+
-
- -
-
74.99
+
+
+

Subtotal

+

0

+
+
+

Tax(%18)

+

0

+
+
+

Shipping

+

0

+
+
+

Total

+

0

-
-

Subtotal

-

0

-
-
-

Tax(%18)

-

0

-
-
-

Shipping

-

0

-
-
-

Total

-

0

-
-
- -
-
- - - - \ No newline at end of file + +
+ + + diff --git a/checkout.js b/checkout.js index 31c9be9..1aba8d8 100644 --- a/checkout.js +++ b/checkout.js @@ -19,7 +19,7 @@ window.addEventListener("load", () => { //*-----capturing vs. bubbling------ //! tüm elementlere ulasabilecegim en yakin parenti secmeliyiz fazladan kaynak tüketmemek icin -// !en huzlisi getElementById ikinci hizli querySelector dür +// !en hizlisi getElementById ikinci hizli querySelector dür let productsDiv = document.querySelector(".products");//console.log() icine yazmadan da document.querySelector('.products') bu ifadeyi console tasiyip yakalayip yakalayamadigimizi kontrol edebiliriz productsDiv.addEventListener("click", (e) => { //!console.log(event.target); event.target evente maruz kalan elementi temsil eder