Update script.js

script.js

@@ -32,7 +32,6 @@ function render() {
         mesaNumero--;
         mesaInput.querySelector('.mesa-number').textContent = mesaNumero;
       }
-
     };
 
     mesaInput.querySelector('.increase-mesa').onclick = (event) => {
@@ -178,22 +177,31 @@ function gestionarMesa(index) {
 
   const atrasButton = document.createElement('button');
   atrasButton.textContent = '← Atrás';
-  atrasButton.className = 'btn btn-outline-secondary btn-block';
+  atrasButton.className = 'btn btn-outline-secondary btn-block mb-2';
   atrasButton.onclick = () => render();
   app.appendChild(atrasButton);
 
-  const finalizarButton = document.createElement('button');
-  finalizarButton.textContent = 'Finalizar';
-  finalizarButton.className = 'btn btn-danger btn-block';
-  finalizarButton.onclick = () => {
+  const totalButton = document.createElement('button');
+  totalButton.textContent = 'Calcular Total';
+  totalButton.className = 'btn btn-warning btn-block mb-2';
+  totalButton.onclick = () => {
     const total = mesa.pedidos.reduce((sum, p) => sum + p.precio * p.cantidad, 0);
+    alert(`El total de la mesa es: €${total.toFixed(2)}`);
+  };
+  app.appendChild(totalButton);
+
+  const qrButton = document.createElement('button');
+  qrButton.textContent = 'Generar QR';
+  qrButton.className = 'btn btn-primary btn-block';
+  qrButton.onclick = () => {
+        const total = mesa.pedidos.reduce((sum, p) => sum + p.precio * p.cantidad, 0);
     if (total > 0) {
       generarTicket(index, total);
     } else {
       alert("La mesa no tiene productos");
     }
   };
-  app.appendChild(finalizarButton);
+  app.appendChild(qrButton);
 }
 
 // Generación del PDF con jsPDF