| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CyberFuture-3</title> |
| </head> |
| <body> |
| <div id="chat"></div> |
| <input type="text" id="input" placeholder="Type your question..."> |
| <button onclick="sendMessage()">Send</button> |
| <button onclick="startVoice()">Voice</button> |
| |
| <script> |
| async function sendMessage() { |
| const input = document.getElementById('input').value; |
| const response = await fetch('http://localhost:8000/chat/', { |
| method: 'POST', |
| headers: { |
| 'Content-Type': 'application/x-www-form-urlencoded', |
| }, |
| body: `prompt=${encodeURIComponent(input)}&use_web=true` |
| }); |
| const data = await response.json(); |
| document.getElementById('chat').innerHTML += `<p>You: ${input}</p>`; |
| document.getElementById('chat').innerHTML += `<p>Bot: ${data.response}</p>`; |
| } |
| |
| async function startVoice() { |
| |
| alert("Voice recording would be implemented here"); |
| } |
| </script> |
| </body> |
| </html> |
