html 简单机器人对话页面,简单的机器人对话功能实现 js

这篇博客展示了如何简单实现一个聊天功能。通过创建HTML元素并利用JavaScript处理用户输入,当用户发送消息后,机器人会随机回复一条预设的应答。代码中包含事件监听、元素操作和延迟响应等基本原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

摘要:

       简单的实现聊天功能

阿玛准设计客服

发送

var list=document.getElementsByTagName('ul')[0];

var btn=document.getElementsByTagName('button')[0];

var text=document.getElementsByName('text')[0];

var sum='';

btn.οnclick=function(){

if(text.value.length === 0){

alert('不写东西,你发个毛');

return false;

}

var li=document.createElement('li');

var usercomment=text.value;

text.value='';

var userpic='avatar1.png'

li.innerHTML=userpic +'  '+usercomment;

list.appendChild(li);

sum+=1;

setTimeout(function(){

var info=[

'你说什么,你是煞笔?',

'我没话可说,你滚',

'我还能说什么',

'你别无理取闹',

'我走了'

];

let user2=info[Math.floor( Math.random()*4)];

let li2=document.createElement('li');

let user2pic='avatar2.png';

li2.innerHTML=user2pic+'  '+''+user2+'';

list.appendChild(li2);

sum+=1;

},2000)

if(sum >15){

list.innerHTML='';

sum=0;

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值