Update translation.html

translation.html

@@ -60,7 +60,7 @@
                         Translate:</label>
                     <input type="text" class="form-control flex-grow-1" id="translationText2" value="My name is Wolfgang and I live in Amsterdam"
                         placeholder="Enter text" style="margin-right: 15px; margin-left: 15px;">
-                    <button id="translateButton2" class="btn btn-primary" onclick="translateText()">Translate</button>
+                    <button id="translateButton2" class="btn btn-primary">Translate</button>
                 </div>
           
                 <div class="mt-4">
@@ -117,7 +117,11 @@
       
 */
         // Initialize the model after the DOM is completely loaded
-        window.addEventListener("DOMContentLoaded", initializeModel);
+       
+        window.addEventListener("DOMContentLoaded", (event) => {
+          initializeModel();
+          document.getElementById("translateButton2").addEventListener("click", translateText);
+        });
     </script>
 </body>