Update script.js

script.js

@@ -1,16 +1,32 @@
-function Translate(text = ["null"], from = "en", to = "vi") {
-  const translator = require("open-google-translator");
+const translator = require("open-google-translator");
 
-  translator.supportedLanguages();
+document.addEventListener("DOMContentLoaded", () => {
+    const translateButton = document.querySelector(".button");
+    const textInput = document.querySelectorAll(".input")[0];
+    const fromInput = document.querySelectorAll(".input")[1];
+    const toInput = document.querySelectorAll(".input")[2];
+    const resultDiv = document.querySelector(".card:last-of-type");
 
-  translator
-    .TranslateLanguageData({
-      listOfWordsToTranslate: Array(text),
-      fromLanguage: from,
-      toLanguage: to,
-    })
-    .then((data) => {
-      console.log(data);
-      document.
-  });
-}
+    translateButton.addEventListener("click", () => {
+        const text = textInput.value;
+        const from = fromInput.value || "auto";
+        const to = toInput.value || "vi";
+        
+        if (!text) {
+            resultDiv.textContent = "Please enter text to translate.";
+            return;
+        }
+
+        translator.TranslateLanguageData({
+            listOfWordsToTranslate: [text],
+            fromLanguage: from,
+            toLanguage: to,
+        })
+        .then((data) => {
+            resultDiv.textContent = data.translatedWords[0] || "Translation failed.";
+        })
+        .catch((error) => {
+            resultDiv.textContent = "Error: " + error.message;
+        });
+    });
+});