ChatGPT Vraagformulier Stel een vraag aan ChatGPT Je vraag: Verstuur Antwoord: Voorbeeld Kopie script Select & Copy Code #1 <!DOCTYPE html> <html lang="nl"> <head> <meta charset="UTF-8"> <title>ChatGPT Vraagformulier</title> </head> <body> <h1>Stel een vraag aan ChatGPT</h1> <form id="chat-form"> <label for="question">Je vraag:</label><br> <input type="text" id="question" name="question" required><br><br> <button type="submit">Verstuur</button> </form> <h2>Antwoord:</h2> <div id="response"></div> <script> document.getElementById('chat-form').addEventListener('submit', async function(e) { e.preventDefault(); const question = document.getElementById('question').value; const responseDiv = document.getElementById('response'); responseDiv.textContent = "Even geduld..."; try { const apiKey = 'JOUW_API_SLEUTEL_HIER'; // Vervang dit door je eigen API-sleutel 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: 'gpt-3.5-turbo', messages: [{ role: 'user', content: question }] }) }); const data = await response.json(); if (data.choices && data.choices.length > 0) { responseDiv.textContent = data.choices[0].message.content; } else { responseDiv.textContent = "Geen antwoord ontvangen."; } } catch (error) { console.error('Fout bij het ophalen van het antwoord:', error); responseDiv.textContent = "Er is een fout opgetreden bij het ophalen van het antwoord."; } }); </script> </body> </html> Bericht navigatie JS: Spacetrip Script: Maak tekst met opgegeven data
