ChatGPT Vraagformulier

Stel een vraag aan ChatGPT

Antwoord:

Voorbeeld

Kopie script

Select & Copy Code #1 Chrome

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

ChatGPT script

Stel een vraag aan ChatGPT

Antwoord:

Voorbeeld

Kopie script

Geef een reactie Reactie annuleren