| async function sendMessage() { | |
| const inputEl = document.getElementById("userInput"); | |
| const statusEl = document.getElementById("status"); | |
| const replyEl = document.getElementById("botReply"); | |
| const message = inputEl.value.trim(); | |
| if (!message) return; | |
| // Update status | |
| statusEl.innerText = "Connecting to service..."; | |
| await delay(300); | |
| statusEl.innerText = "Getting data..."; | |
| const response = await fetch("/chat", { | |
| method: "POST", | |
| headers: { "Content-Type": "application/json" }, | |
| body: JSON.stringify({ message }) | |
| }); | |
| const data = await response.json(); | |
| statusEl.innerText = "Operation complete."; | |
| replyEl.innerText = data.reply; | |
| } | |
| function delay(ms) { | |
| return new Promise(resolve => setTimeout(resolve, ms)); | |
| } | |