将chat gpt接入html中，并实现问答对话

共计 862 个字符，预计需要花费 3 分钟才能阅读完成。

实现 chat gpt 接入 html 中并实现问答对话的步骤如下：

1. 前置条件：在 OpenAI 中获取一个 API Key。
2. 在 HTML 中创建一个表单，其中包含一个文本输入框用于输入问题和一个按钮用于发送请求。
3. 在 HTML 中引入 JavaScript 代码。在代码中，使用 JavaScript 发送请求到 OpenAI API，并在响应中获取答案。
4. 在 JavaScript 代码中处理答案，并在 HTML 中显示答案。

以下是示例代码：

HTML 代码：

<form>
  <input type="text" id="question" />
  <button type="button" onclick="sendRequest()">Ask</button>
</form>
<div id="answer"></div>

JavaScript 代码：

const API_KEY = "your_api_key_here";

async function sendRequest() {const question = document.getElementById("question").value;

  const response = await fetch(
    `https://api.openai.com/v1/engines/text-davinci/jobs`,
    {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "Authorization": `Bearer ${API_KEY}`
      },
      body: JSON.stringify({
        prompt: question,
        max_tokens: 100,
        n: 1,
        stop: null,
        temperature: 0.5,
      }),
    }
  );

  const json = await response.json();
  const answer = json.choices[0].text;
  document.getElementById("answer").innerHTML = answer;
}

以上代码仅是一个简单的示例，您可以根据自己的需求调整代码。