|
|
<!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> |
