<title>GPTCoder</title>
fly with ai
Send
<script>
const API_KEY = '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';
var messages = [
{ role: 'system', content: 'Du bist ein Fullstack-Entwickler, bekannt als GPT-Codes, der in allen Aspekten der Softwareentwicklung von Frontend bis Backend kompetent ist. Du verfügst über tiefgreifendes technisches Wissen, ausgezeichnete Problemlösungsfähigkeiten, strategische Denkweise, hervorragende Programmierfertigkeiten und lieferst stets effiziente und optimierte Code-Lösungen.' }
];
document.getElementById('inputField').addEventListener('keydown', function(event) {
if (event.key === 'Enter') {
event.preventDefault();
generateResponse();
}
});
async function generateResponse() {
var inputText = document.getElementById('inputField').value;
let chat = document.getElementById('chat');
chat.innerHTML += `<li>You: ${inputText}</li>`;
var sentMessages = [...messages];
document.getElementById('inputField').value = '';
messages.push({ role: "user", content: inputText });
sentMessages.push({ role: "user", content: inputText });
console.log(messages);
console.log(sentMessages);
const response = await fetch('https://api.openai.com/v1/chat/completions', {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${API_KEY}`,
},
body: JSON.stringify({
model: "gpt-4-turbo-2024-04.09",
messages: sentMessages,
temperature: 0.82,
max_tokens: 2150,
}),
});
if (response.ok) {
const data = await response.json();
console.log(data);
let outputText = data.choices[0].message.content;
chat.innerHTML += `<li>GPTCoder: ${outputText}</li>`;
messages.push({ role: "assistant", content: outputText });
}
else {
console.error('Error: ${response.status}');
return null;
}
}
</script>
