Update templates/write.html

templates/write.html

@@ -74,38 +74,40 @@
     <label for="word-limit">Word Limit: </label>
     <input type="number" id="word-limit"><br><br><br>
 
-    <button onclick=answer()>Start Writing</button><br><br>
+    <button onclick=answer() id="answer_button">Start Writing</button><br><br>
 
     <textarea name="answer" id="answer" placeholder="Your answer will be displayed here..."></textarea>
 
     <script>
         async function answer() {
+            document.getElementById("answer_button").disabled = true
             const userInput = document.getElementById('topic').value;
             if (userInput.trim() === '') return;
 
             const word_limit = document.getElementById("word-limit").value;
             const type = document.getElementById("type").value;
 
-        try {
-          const response = await fetch("/write", {
-                method: "POST",
-                headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                body: new URLSearchParams({ question: userInput, word_limit: word_limit, type: type })
+            try {
+                const response = await fetch("/write", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+                    body: new URLSearchParams({ question: userInput, word_limit: word_limit, type: type })
                 });
 
-            const data = await response.json();
-            console.log("Server Response:", data); // DEBUG LINE
-
-            const answer_area = document.getElementById("answer");
-            if (data.answer) {
-                answer_area.value = data.answer; // set textarea value
-              } else if (data.error) {
-                answer_area.value = "Error: " + data.error;
+                const data = await response.json();
+                console.log("Server Response:", data); // DEBUG LINE
+
+                const answer_area = document.getElementById("answer");
+                if (data.answer) {
+                    answer_area.value = data.answer; // set textarea value
+                } else if (data.error) {
+                    answer_area.value = "Error: " + data.error;
+                }
+            } catch (err) {
+                console.error("Fetch Error:", err);
+                document.getElementById("answer").value = err;
             }
-        } catch (error) {
-          answer_area.value = error
-        }
-            
+            document.getElementById("answer_button").disabled = false
         }
 
     </script>