18r Solution #119
18r Solution #119
Conversation
|
Hi ! I have questions about the paypal payment method part. May i know hoe do you redirect to the third party such as paypal/ |
|
|
||
| document.querySelector('.js-search-button') | ||
| .addEventListener('click', () => { | ||
| const search = document.querySelector('.js-search-bar').value; |
There was a problem hiding this comment.
One extra featured that I find useful:
The amazon header is repeated in amazon.html, checkout.html and tracking.html so, I decided to extract it to its own module.
Note: the event listeners for the search bar/button must be placed in the header module.
// using cart-class.js oop
import { cart } from '../data/cart-class.js'
import { products, loadProductsFetch } from '../data/products.js'
import { renderAmazonHeader, displayCartQuantity } from './partials/header.js'
renderAmazonHeader()
loadPage()
// loading products from backend https://supersimplebackend.dev/products
async function loadPage() {
await loadProductsFetch().catch(() => alert('error'))
renderProductsGrid()
}
There was a problem hiding this comment.
Another feature that I add was making the paymentSummary sticky , so even though you have multiple products in your cart you can still have access/see your payment summary :>
| } | ||
|
|
||
| // Extra feature: make the cart empty after creating an order. | ||
| resetCart(); |
There was a problem hiding this comment.
it is making my orders.html broken it becomes empty , i got it i should have kept reset cart in try{ } below addOrder
There was a problem hiding this comment.
I added a feature where if you search for sth not in the keywords or name, it tells you The search doesn't match any products and takes you back to amazon.html
There was a problem hiding this comment.
Congratulations to everyone who made it this far, you've made a good progress and work. Be proud of yourself and never stop learning).
No description provided.