Update script.js

script.js

@@ -1,5 +1,3 @@
-// Script para gestión de comandas en un bar
-
 const app = document.getElementById('app');
 let mesas = [];
 
@@ -105,6 +103,24 @@ function gestionarMesa(index) {
                     </div>
                 `;
                 opcionesContainer.appendChild(opcionDiv);
+
+                // Añadir los controladores de cantidad
+                const cantidadControl = opcionDiv.querySelector('.cantidad-controls');
+                const cantidadSpan = cantidadControl.querySelector('.cantidad');
+                
+                cantidadControl.querySelector('.increase').onclick = () => {
+                    let cantidad = parseInt(cantidadSpan.textContent, 10);
+                    cantidad++;
+                    cantidadSpan.textContent = cantidad;
+                };
+                
+                cantidadControl.querySelector('.decrease').onclick = () => {
+                    let cantidad = parseInt(cantidadSpan.textContent, 10);
+                    if (cantidad > 0) {
+                        cantidad--;
+                        cantidadSpan.textContent = cantidad;
+                    }
+                };
             });
 
             const confirmarButton = document.createElement('button');
@@ -157,11 +173,7 @@ function gestionarMesa(index) {
 }
 
 function generarTicket(mesa, total) {
-    const ticketContent = `
-        Mesa ${mesa.numero}\n
-        ${mesa.pedidos.map(p => `${p.item} (${p.opcion}) x${p.cantidad} - €${(p.precio * p.cantidad).toFixed(2)}`).join('\n')}
-        \nTotal: €${total.toFixed(2)}
-    `;
+    const ticketContent = `Mesa ${mesa.numero}\n${mesa.pedidos.map(p => `${p.item} (${p.opcion}) x${p.cantidad} - €${(p.precio * p.cantidad).toFixed(2)}`).join('\n')}\nTotal: €${total.toFixed(2)}`;
 
     const qrCodeContainer = document.createElement('div');
     qrCodeContainer.id = 'qrcode';
@@ -183,3 +195,4 @@ function generarTicket(mesa, total) {
 // Inicializar la aplicación
 render();
 
+