// Replace with your OpenAI API key
const apiKey = "YOUR_OPENAI_API_KEY";
const model = "gpt-4"; // You can use "gpt-3.5-turbo" if needed
// Function to send user input to OpenAI API and get response
async function sendToOpenAI(userInput) {
const response = await fetch("https://api.openai.com/v1/chat/completions", {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${apiKey}`,
},
body: JSON.stringify({
model: model,
messages: [
{ role: "system", content: "You are Nova, a calm and mystical guide." },
{ role: "user", content: userInput },
],
}),
});
const data = await response.json();
return data.choices[0].message.content;
}
// Function to handle form submission (when the user clicks "Send")
document.getElementById('submitButton').addEventListener('click', async () => {
const userInput = document.getElementById('userInput').value;
const chatDisplay = document.getElementById('chatDisplay');
// Display the user's message in the chat
chatDisplay.innerHTML += `
You: ${userInput}
`;
// Get the response from Nova (OpenAI GPT)
const novaResponse = await sendToOpenAI(userInput);
// Display Nova's response in the chat
chatDisplay.innerHTML += `
Nova: ${novaResponse}
`;
// Clear the input field after submission
document.getElementById('userInput').value = '';
});