Update static/script.js

static/script.js

@@ -1,48 +1,43 @@
 document.addEventListener("DOMContentLoaded", function () {
     function toggleElements() {
         let taskDropdown = document.querySelector("select[name='tasks']");
-        let numberInput = document.querySelector("input[name='user_number']");
+        let numberInput = document.getElementById("number");
         let numberLabel = document.getElementById("number_label");
-        let questionInput = document.querySelector("input[name='user_question']");
+        let questionInput = document.getElementById("question");
         let questionLabel = document.getElementById("question_label");
         let submitButton = document.getElementById("submit_btn");
 
+        numberInput.style.display = "none";
+        numberLabel.style.display = "none";
+        questionInput.style.display = "none";
+        questionLabel.style.display = "none";
+        submitButton.disabled = true;
+
         if (taskDropdown.value === "summarization") {
+            numberLabel.textContent = "Enter minimum length: ";
             numberInput.style.display = "inline";
             numberLabel.style.display = "inline";
-            numberInput.disabled = false;
-            numberLabel.textContent = "Enter minimum length: ";
-            questionInput.style.display = "none";
-            questionLabel.style.display = "none";
             submitButton.disabled = false;
         } else if (taskDropdown.value === "keywords") {
+            numberLabel.textContent = "Count: ";
             numberInput.style.display = "inline";
             numberLabel.style.display = "inline";
-            numberInput.disabled = false;
-            numberLabel.textContent = "Count: ";
-            questionInput.style.display = "none";
-            questionLabel.style.display = "none";
             submitButton.disabled = false;
         } else if (taskDropdown.value === "Q&A") {
-            numberInput.style.display = "none";
-            numberLabel.style.display = "none";
             questionInput.style.display = "inline";
             questionLabel.style.display = "inline";
             submitButton.disabled = false;
-        } else {
-            numberInput.style.display = "none";
-            numberLabel.style.display = "none";
-            questionInput.style.display = "none";
-            questionLabel.style.display = "none";
-            submitButton.disabled = true;
         }
     }
 
     function updateCount() {
         let textArea = document.getElementById("user_text");
         let countDisplay = document.getElementById("charCount");
-        let remaining = 5000 - textArea.value.length;
-        countDisplay.textContent = remaining + " characters remaining";
+
+        if (textArea) {
+            let remaining = 5000 - textArea.value.length;
+            countDisplay.textContent = `${remaining} characters remaining`;
+        }
     }
 
     document.querySelector("select[name='tasks']").addEventListener("change", toggleElements);