Update static/script.js

static/script.js

@@ -4,7 +4,26 @@ myRoomId = "123"
 const DELAYTIME = 500
 let DATA;
 
-function postMessage(url="https://jacobinathanialpeterson-chatbox2.hf.space/postMessage") {
+function createRoom(roomId, url="https://jacobinathanialpeterson-chatbox2.hf.space/createRoom") {
+    const controller = new AbortController();
+	const abortSignal = controller.signal;
+	fetch(url, { 
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({roomIdInput: roomId}),
+			signal: abortSignal
+		})
+		.then(response => { if (!response.ok) { throw new Error('Network response was not ok.') } return response.json() })
+		.then(data => {
+			controller.abort(); 
+		})
+		.catch(error => { if (error.name === 'AbortError') { console.log('Fetch aborted:', error.message) } else { console.error('Error fetching data:', error.message) }});
+
+}
+
+function postMessage(roomId, url="https://jacobinathanialpeterson-chatbox2.hf.space/postMessage") {
 	const controller = new AbortController();
 	const abortSignal = controller.signal;
 	fetch(url, { 
@@ -12,7 +31,7 @@ function postMessage(url="https://jacobinathanialpeterson-chatbox2.hf.space/post
 			headers: {
 				'Content-Type': 'application/json'
 			},
-			body: JSON.stringify({nameInput: document.getElementById("nameInputBox").value, messageInput: document.getElementById("messageInputBox").value, roomIdInput: myRoomId}),
+			body: JSON.stringify({nameInput: document.getElementById("nameInputBox").value, messageInput: document.getElementById("messageInputBox").value, roomIdInput: roomId}),
 			signal: abortSignal
 		})
 		.then(response => { if (!response.ok) { throw new Error('Network response was not ok.') } return response.json() })
@@ -22,7 +41,7 @@ function postMessage(url="https://jacobinathanialpeterson-chatbox2.hf.space/post
 		.catch(error => { if (error.name === 'AbortError') { console.log('Fetch aborted:', error.message) } else { console.error('Error fetching data:', error.message) }});
 }
 
-function getMessages(url="https://jacobinathanialpeterson-chatbox2.hf.space/messages") {
+function getMessages(roomId, url="https://jacobinathanialpeterson-chatbox2.hf.space/messages") {
 	const controller = new AbortController();
 	const abortSignal = controller.signal;
 	fetch(url, { 
@@ -30,7 +49,7 @@ function getMessages(url="https://jacobinathanialpeterson-chatbox2.hf.space/mess
 			headers: {
 				'Content-Type': 'application/json'
 			},
-			body: JSON.stringify({roomIdInput: myRoomId}),
+			body: JSON.stringify({roomIdInput: roomId}),
 			signal: abortSignal
 		})
 		.then(response => { if (!response.ok) { throw new Error('Network response was not ok.') } return response.json() })