Update static/script.js

static/script.js

@@ -1,26 +1,27 @@
 const textGenForm = document.querySelector('.text-gen-form');
 
 const translateText = async (text, rating) => {
-    const inferResponse = await fetch(`predict`, 
-                                      {method: "POST", 
-                                       body: JSON.stringify({text:text, rating:rating}),
-                                      headers: {"Content-type": "application/json; charset=UTF-8"}});
+    const inferResponse = await fetch('/predict', {
+        method: "POST",
+        body: JSON.stringify({ text: text, rating: rating }),
+        headers: { "Content-type": "application/json; charset=UTF-8" }
+    });
     const inferJson = await inferResponse.json();
 
     return inferJson.output;
 };
 
 textGenForm.addEventListener('submit', async (event) => {
-  console.log("inside event listener")
-  event.preventDefault();
+    event.preventDefault();
 
-  const textGenInput = document.getElementById('text-gen-input');
-  const rating = document.getElementById('rating-input');
-  const textGenParagraph = document.querySelector('.text-gen-output');
+    const textGenInput = document.getElementById('text-gen-input').value;
+    const rating = document.getElementById('rating-input').value;
+    const textGenParagraph = document.querySelector('.text-gen-output');
 
-  try {
-    textGenParagraph.textContent = await translateText(textGenInput.value, rating.value);
-  } catch (err) {
-    console.error(err);
-  }
-});
+    try {
+        const output = await translateText(textGenInput, rating);
+        textGenParagraph.textContent = output;
+    } catch (err) {
+        console.error(err);
+    }
+});