front end project

عمل عده صفحات الويب باستخدام لغه html,css,javascript

To create an HTML card, include an image, title of the product, price of the product, and a button labeled “add to cart” to enable adding the product to the cart.

On the right-hand side, create a card displaying the total price of the product and all products added to the cart. Grab ID and elements to add different styling properties to the card, which will include defining padding, margin, font sizes, alignments, colors, and more. For centering the card, use the flex property.

Dynamically add the card products from the JavaScript so that items can be added dynamically.

Implement the functions displaycart, delElement, and addtocart in JavaScript to handle the product.

Once added to the cart, use the button “Add to cart” to see the total price of product selected.