0

我使用 rivescript 编写了一个聊天机器人脚本，并将一个聊天框集成到我的网站中。当用户输入文本时，我希望机器人的响应文本“fadeInUp”到屏幕上。我编写的 javascript 适用于初始机器人回复（在页面刷新后），但是当我输入另一个输入时，它会正常显示在屏幕上（只是出现而不会淡入）。到目前为止，这是我的代码-

HTML

<!-- AI output -->
<div id="ai-out">
    <p id="ai-output"></p>
</div>

<!-- User input -->
<div id="ai-in">
    <input id="user_input"></input>
    <button id="submit"> > </button>
</div>

JS

let button = select('#submit');
let userinput = select('#user_input');
let aioutput = select('#ai-output');

button.mousePressed(chat);

function chat() {
    let input = userinput.value();
    let reply = bot.reply("local-user", input);
    aioutput.html(reply);
    $('#ai-output').addClass('animated fadeInUp');
}
4

0 回答 0