added event listener

index.html

@@ -10,7 +10,7 @@
 		<div class="card">
 			<h1>Welcome to my GPT test environment!</h1>
 			<p>Enter a prompt in the textbox to get started</p>
-			<textarea name="prompt" id="prompt" cols="30" rows="10"></textarea>
+			<textarea name="prompt" id="prompt" cols="30" rows="10"></textarea><br>
 			<button id="submit">Submit</button>
 			<p id="response"></p>
 		</div>
@@ -20,16 +20,17 @@
 		const textbox = document.querySelector("#prompt")
 		const res = document.querySelector("#response")
 		const prompt = textbox.value 
-		fetch(`/gpt?prompt=${prompt}`)
-			.then(res => res.json())
-			.then(res => {
-				console.log(res) 
-				res.textContent = "success"
-			})
-			.catch(err => {
-				console.log(err)
-				res.textContent = "failure"
-			})
-		
+		btn.on("click", event => {
+			fetch(`/gpt?prompt=${prompt}`)
+				.then(res => res.json())
+				.then(res => {
+					console.log(res) 
+					res.textContent = res
+				})
+				.catch(err => {
+					console.log(err)
+					res.textContent = err 
+				})
+		})
 	</script>
 </html>