Online shopping

1
Online Shopping

Online Shopping

Cart (0) 
<main>
    <section id="products">
        <article class="product">
            <h2>Product 1</h2>
            <p>$10.00</p>
            <button onclick="addToCart('Product 1', 10)">Add to Cart</button>
        </article>
        <article class="product">
            <h2>Product 2</h2>
            <p>$20.00</p>
            <button onclick="addToCart('Product 2', 20)">Add to Cart</button>
        </article>
        <!-- Add more products here -->
    </section>

    <section id="cart-details" class="hidden">
        <h2>Shopping Cart</h2>
        <ul id="cart-items"></ul>
        <p>Total: $<span id="cart-total">0</span></p>
        <button onclick="clearCart()">Clear Cart</button>
    </section>
</main>

<script src="script.js"></script>
2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!