Rename chatbox/script.js to static/script.js

{chatbox → static}/script.js

@@ -1,11 +1,6 @@
-
-// sets the delay time for each request
 const DELAYTIME = 500
- // Variable to store the backend server data
 let DATA;
 
-
-// Fetch data from the backend server
 function postMessage(url="https://jacobinathanialpeterson-chatbox.hf.space/postMessage") {
 	const controller = new AbortController();
 	const abortSignal = controller.signal;
@@ -52,12 +47,8 @@ function getMessages(url="https://jacobinathanialpeterson-chatbox.hf.space/messa
 		.catch(error => { if (error.name === 'AbortError') { console.log('Fetch aborted:', error.message) } else { console.error('Error fetching data:', error.message) }});
 }
 
-
-
-// Variable to track if the user is at the bottom of the chat box
 let atBottom = true;
 
-// Update the UI with fetched messages
 function updateUI() {
   const messagesContainer = document.getElementById("messages");
   const isAtBottom = messagesContainer.scrollHeight - messagesContainer.scrollTop === messagesContainer.clientHeight;
@@ -80,44 +71,23 @@ function updateUI() {
   atBottom = isAtBottom;
 }
 
-// Your existing interval for getting messages and updating UI
 setInterval(getMessages, 100);
 setTimeout(() => {
   setInterval(updateUI, 100);
 }, DELAYTIME);
 
-// Listen for scroll events
 document.getElementById("messages").addEventListener("scroll", () => {
   const messagesContainer = document.getElementById("messages");
   const isAtBottom = messagesContainer.scrollHeight - messagesContainer.scrollTop === messagesContainer.clientHeight;
   atBottom = isAtBottom;
 });
 
-
-// ... (your existing code)
-
-// Function to handle sending message on "Enter" key press
 function handleKeyPress(event) {
   if (event.keyCode === 13) {
-    event.preventDefault(); // Prevent the default behavior (e.g., form submission)
-    postMessage(); // Call the postMessage function when "Enter" is pressed
+    event.preventDefault();
+    postMessage();
   }
 }
 
-// Add event listener to the message input field
 document.getElementById("messageInputBox").addEventListener("keypress", handleKeyPress);
 
-// ... (rest of your existing code)
-
-
-// document.getElementById("nameInputBox").value
-// document.getElementById(messageInputBox).value
-
-
-
-// function updateUI() {
-	// var targetElement = document.getElementById("messages"); // Replace "targetElementId" with the ID of the element
-	// targetElement.innerHTML = "<p>"+JSON.stringify(DATA)+"</p>";
-// }
-
-// setInterval(updateUI, 1000);