This is a simple website project aimed at demonstrating HTML, CSS, and JavaScript skills. The website includes various features such as:
- A button to add products to the shopping cart
- Dynamic addition of a "Product added to cart" message upon clicking the "Add to Cart" button
- Responsive design for seamless viewing on different devices
-
Add to Cart Button: Clicking the "Add to Cart" button adds the product to the cart and displays a confirmation message.
-
Dynamic Message: Upon clicking the "Add to Cart" button, a dynamic message is displayed at the bottom of the page, indicating that the product has been successfully added to the cart.
-
Responsive Design: The website is designed to be responsive, ensuring optimal viewing experience across various devices, including desktops, tablets, and mobile phones.
-
HTML: Used for structuring the content of the website.
-
CSS: Used for styling the website and creating a visually appealing layout.
-
JavaScript: Used to add interactivity to the website, including handling button clicks and dynamically updating the content.
To use the website, simply open the index.html
file in your web browser. Click the "Add to Cart" button to see the dynamic message confirming that the product has been added to the cart.
Contributions are welcome! If you have any ideas for improving the website or adding new features, feel free to submit a pull request.