ChatGPT教程:如何使用这个基于GPT的聊天机器人

5

ChatGPT教程:如何使用这个基于GPT的聊天机器人

ChatGPT是一个基于人工智能技术GPT(Generative Pre-trained Transformer)的聊天机器人,它可以根据用户的输入生成自然语言回复。在本文中,我们将介绍如何使用ChatGPT来与机器人进行聊天交互。

ChatGPT的使用方法

第一步:访问ChatGPT网站

我们可以通过访问ChatGPT网站来与机器人进行聊天。打开浏览器,在地址栏中输入chatgpt.com,打开ChatGPT首页。

第二步:进入聊天室

在ChatGPT首页中,我们可以看到一个聊天室的页面,进入该页面后,我们可以看到一个聊天对话框。

第三步:开始聊天

在聊天对话框中,我们可以输入问题或对话内容并向ChatGPT机器人发送。


const form = document.querySelector(‘form’);
form.addEventListener(‘submit’, (event) => {
event.preventDefault();
const input = document.querySelector(‘#question’);
const message = input.value;
if (message) {
const questions = document.createElement(‘div’);
questions.innerHTML = `我: ${message}`;
document.querySelector(‘.chats’).appendChild(questions);
input.value = ”;
const loading = document.createElement(‘div’);
loading.classList.add(‘loading’);
const dots = document.createElement(‘div’);
dots.classList.add(‘dot’);
loading.appendChild(dots);
document.querySelector(‘.chats’).appendChild(loading);
fetch(`https://api.openai.com/v1/engines/davinci-codex/completions?prompt=${message}&max_tokens=50`, {
method: ‘POST’,
headers: {
‘Content-Type’: ‘application/json’,
‘Authorization’: ‘Bearer ‘
}
})
.then(response => response.json())
.then(data => {
const answer = data.choices[0].text.trim();
const answerDiv = document.createElement(‘div’);
answerDiv.innerHTML = `ChatGPT: ${answer}`;
document.querySelector(‘.chats’).appendChild(answerDiv);
document.querySelector(‘.loading’).remove();
document.querySelector(‘.chats’).scrollTop = document.querySelector(‘.chats’).scrollHeight;
})
.catch(error => console.log(error));
}
});

.chats {
border: 1px solid #ccc;
height: 200px;
overflow: auto;
padding: 10px;
}

.loading {
text-align: center;
}

.dot {
display: inline-block;
margin: 0 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #555;
Animation: dot_move 1s infinite ease;
}

@keyframes dot_move {
0% {
transform: translate(0, 0);
}

50% {
transform: translate(0, 10px);
}

100% {
transform: translate(0, 0);
}
}

source