event click error

public/index.html

@@ -14,7 +14,7 @@
 
     <div id="welcomeModal" class="modal" style="display: flex;">
         <div class="modal-content text-center">
-            <h3 class="text-2xl font-semibold mb-4 accent-red">Bienvenido a Biergarten Klein Express</h3>
+            <h3 class="text-2xl font-semibold mb-4 accent-red">Bienvenido a Biergarten Klein</h3>
             <p class="text-gray-400 mb-6">Para comenzar, por favor ingresa tu nombre y número de mesa.</p>
             <div class="space-y-4">
                 <input type="text" id="userNameInput" class="w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-accent-red focus:border-transparent outline-none text-white" placeholder="Tu Nombre">

public/js/app.js

@@ -267,7 +267,7 @@ document.addEventListener("DOMContentLoaded", async () => {
     updateCartDisplay();
     
     if (welcomeModal && startOrderButton) {
-        startOrderButton.addEventListener('click', () => {
+        startOrderButton.onclick = () => {
             const name = userNameInput.value.trim();
             const table = userTableInput.value;
             if (name && table) {
@@ -279,7 +279,7 @@ document.addEventListener("DOMContentLoaded", async () => {
             } else {
                 alert('Por favor, ingresa tu nombre y número de mesa para continuar.');
             }
-        });
+        }
     }
 
     async function initializeApp() {