Oculta html DOCTYPE html> es"> de Productos body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background: #4CAF50; color: white; text-align: center; padding: 1em 0; } main { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px; } article { border: 1px solid #ccc; border-radius: 5px; margin: 10px; padding: 10px; width: 300px; text-align: center; } img { max-width: 100%; height: auto; } #cart { margin: 20px auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; width: 400px; }

Tienda de Productos

Producto 1 Descripción del Producto 1. Precio: $10.00Agregar al Carrito

Producto 2Descripción del Producto 2. Precio: $15.00

Agregar al Carrito Carrito de Compras Total: $0.00 Datos del ClienteNombre: Dirección: WhatsApp: Enviar Pedido let total = 0; function addToCart(productName, price) { const cartItems = document.getElementById('cart-items'); const li = document.createElement('li'); li.textContent = ${productName} - $${price.toFixed(2)}; cartItems.appendChild(li); total += price; document.getElementById('total-price').textContent = Total: $${total.toFixed(2)}; } document.getElementById('customer-info').addEventListener('submit', function(event) { event.preventDefault(); alert('Pedido enviado. ¡Gracias por tu compra!'); // Aquí podrías manejar el envío de datos // Limpiar el carrito y formulario document.getElementById('cart-items').innerHTML = ''; document.getElementById('total-price').textContent = 'Total: $0.00'; total = 0; this.reset(); });

Este sitio web fue creado gratuitamente con PaginaWebGratis.es. ¿Quieres tener tu propio sitio web?

Regístrate gratis