ilknurtuncer/Checkout-Page

Checkout-Page animation gift:

GitHub Page is designed link:https://ilknurtuncer.github.io/Checkout-Page/

Html:

font useded ====>    rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
        integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
        crossorigin="anonymous"
        referrerpolicy="no-referrer"
        />

CSS:

@import url('https://fonts.googleapis.com/css2?family=Hubballi&family=Yeon+Sung&display=swap');

font-family: 'Yeon Sung', cursive; =====> used.

app.js

Capturing ==> Static Parent -------> Children

e.target vs. e. currentTarget the difference between; ---e.target ==> tagName ---e.currentTarget ==> className

product total calculation cart total calculation from products

innerText vs. textContent (whitespaces)

each product total calculation

productTotalPrice => quantity * price

unit price

div.class vs. .class as performance

quantity

cart total calculation from all products

confirm ===> will be delete!