From fc2a45325034599dd61313bbd99fb08557b00ecf Mon Sep 17 00:00:00 2001 From: denisolid Date: Sun, 4 May 2025 11:21:58 +0000 Subject: [PATCH] js products generation --- amazon.html | 183 ++++++---------------------------------------- scripts/amazon.js | 85 +++++++++++++++++++++ 2 files changed, 109 insertions(+), 159 deletions(-) create mode 100644 scripts/amazon.js diff --git a/amazon.html b/amazon.html index d9f431b6..aaa4a976 100644 --- a/amazon.html +++ b/amazon.html @@ -6,34 +6,38 @@ - + - - - + + + - - - + + +
- - + +
- +
@@ -44,162 +48,23 @@ - +
3
Cart
- -
-
-
-
- -
- -
- Black and Gray Athletic Cotton Socks - 6 Pairs -
- -
- -
- 87 -
-
- -
- $10.90 -
- -
- -
- -
- -
- - Added -
- - -
- -
-
- -
- -
- Intermediate Size Basketball -
- -
- -
- 127 -
-
-
- $20.95 -
- -
- -
- -
- -
- - Added -
- - -
- -
-
- -
- -
- Adults Plain Cotton T-Shirt - 2 Pack -
- -
- -
- 56 -
-
- -
- $7.99 -
- -
- -
- -
+
+
+ -
- - Added -
+ - +
+ diff --git a/scripts/amazon.js b/scripts/amazon.js new file mode 100644 index 00000000..32ef04b9 --- /dev/null +++ b/scripts/amazon.js @@ -0,0 +1,85 @@ +const products = [ + { + image: "images/products/athletic-cotton-socks-6-pairs.jpg", + name: "Athletic Cotton Socks (6 Pairs)", + rating: { + stars: 4.5, + count: 87, + }, + priceCents: 1090, + }, + { + image: "images/products/intermediate-composite-basketball.jpg", + name: "Intermediate Size Basketball", + rating: { + stars: 4, + count: 127, + }, + priceCents: 2095, + }, + { + image: "images/products/adults-plain-cotton-tshirt-2-pack-teal.jpg", + name: "Adults Plain Cotton T-Shirt - 2 Pack", + rating: { + stars: 4.5, + count: 56, + }, + priceCents: 799, + }, +]; + +let productsHTML = ""; + +products.forEach((product) => { + productsHTML = productsHTML += ` +
+
+ +
+ +
+ ${product.name} +
+ +
+ +
${ + product.rating.count + }
+
+ +
$${(product.priceCents / 100).toFixed( + 2 + )}
+
+ +
+ +
+ +
+ + Added +
+ +
`; +}); + +document.querySelector(".js-products-grid").innerHTML = productsHTML;