cart.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="/navbar.css">
<link rel="stylesheet" href="/cart.css">
<body>
     <!-- Header-->
    <div id="navbar"></div>
  
    <!-- CART PAGE-->
     <div id="container">
         <div><h1 style="letter-spacing: 3px;">CART</h1></div>
         <div id="head">
                 <p>Price</p>
                 <p>Quantity</p>
                 <P>Total</P>
         </div>

          <!-- CART PRODUCT-->
         <div id="cart_products"></div>
         <div id="subTotal">
             <div class="subTotal">
                <p>SUBTOTAL</p>
                <div id="sumtotal">$</div>
             </div>
             <p style="margin-left: 750px; letter-spacing: 3px; padding: 1%;">Shipping, taxes, and discounts codes calculated at checkout.</p>
             <div id="btns">
                 <button style="color: black; background-color: white; border: 2px solid #e7e7e7; padding: 10px 20px; letter-spacing: 3px; cursor: pointer;"> <a href="cart.html">UPDATE TO CART</a></button>
                 <button style="color: white; background-color: black; padding: 10px 20px; letter-spacing: 3px; cursor: pointer;"> <a href="information.html">CHECK OUT</a></button>
             </div>
         </div>

          <!-- Footer-->
         <div id="footer"></div>
     </div>

</body>
</html>

<script type="module" src="/cart.js"></script>
<script src="./cartS.js" type="module"></script>