var el = document.getElementById('message-form'); if (el) { el.addEventListener("submit", function (event) { console.log("submitting") event.preventDefault() var message = document.getElementById("message-input").value; msg_html = '

' msg_html += message msg_html += '

' document.getElementById("messages").innerHTML += msg_html; let chatWindow = document.getElementById("chat-container"); chatWindow.scrollTop = chatWindow.scrollHeight; document.getElementById("message-input").value = ""; document.getElementById("button-submit").innerHTML = ' Thinking...'; document.getElementById("button-submit").disabled = true; fetch('/api/answer', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({question: message}), }) .then(response => response.json()) .then(data => { console.log('Success:', data); msg_html = '
' msg_html += data.answer msg_html += '
' document.getElementById("messages").innerHTML += msg_html; let chatWindow = document.getElementById("chat-container"); chatWindow.scrollTop = chatWindow.scrollHeight; document.getElementById("button-submit").innerHTML = 'Send'; document.getElementById("button-submit").disabled = false; }) .catch((error) => { console.error('Error:', error); document.getElementById("button-submit").innerHTML = 'Send'; document.getElementById("button-submit").disabled = false; }); }); }