``` --- ### PASO 2: Asegurar la función de JS Ahora, solo para estar 100% seguros de que el clic funciona, ve al final de tu archivo (al **Script**) y busca la función `function addToCart(code)`. Reemplázala (y también la de `renderCart`) por estas versiones que son a prueba de fallos: ```javascript // --- FUNCIÓN AGREGAR AL CARRITO --- function addToCart(code) { // 1. Buscamos el producto const product = inventory.find(p => p.code === code); if (!product) { console.error("Producto no encontrado: " + code); return; } // 2. Lo agregamos a la lista de venta // Por defecto: Cantidad 1, Descuento 0 itemsFactura.push({ ...product, qty: 1, discVal: 0, discType: '%' }); // 3. Limpiamos el buscador visualmente const input = document.getElementById('pos-search'); const dropdown = document.getElementById('pos-dropdown'); if(input) { input.value = ''; input.focus(); // Devolver el cursor para seguir vendiendo rápido } if(dropdown) dropdown.style.display = 'none'; // 4. ¡IMPORTANTE! Dibujar la tabla renderCart(); } // --- FUNCIÓN DIBUJAR TABLA --- function renderCart() { const tbody = document.getElementById('invoice-items'); // Si no encuentra la tabla (el HTML que pegamos en el Paso 1), avisa if (!tbody) { console.error("Error: No encuentro la tabla con id 'invoice-items'"); return; } tbody.innerHTML = ''; let subtotal = 0, discount = 0; itemsFactura.forEach((item, idx) => { const base = item.price * item.qty; // Calculamos descuento let descAmt = 0; if(item.discType === '%') { descAmt = base * (item.discVal / 100); } else { descAmt = item.discVal; } if (descAmt > base) descAmt = base; // Seguridad subtotal += base; discount += descAmt; // AQUÍ CREAMOS LOS CAMPOS EDITABLES tbody.innerHTML += ` $${item.price.toLocaleString()} % $ $${(base - descAmt).toLocaleString()} `; }); // Dibujamos la fila tbody.innerHTML += ` ${item.name} ${item.code} $${item.price.toLocaleString()} % $ $${(base - descAmt).toLocaleString()} `; }); // Actualizamos los totales de abajo document.getElementById('subtotal-display').innerText = '$ ' + subtotal.toLocaleString(); document.getElementById('discount-display').innerText = '- $ ' + discount.toLocaleString(); document.getElementById('total-display').innerText = '$ ' + (subtotal - discount).toLocaleString(); } // Funciones auxiliares (Agrégalas debajo si no las tienes) function updateCartItem(idx, field, value) { if(field === 'qty') itemsFactura[idx].qty = parseFloat(value) || 1; if(field === 'discVal') itemsFactura[idx].discVal = parseFloat(value) || 0; if(field === 'discType') itemsFactura[idx].discType = value; renderCart(); } function removeCartItem(idx) { itemsFactura.splice(idx, 1); renderCart(); }