摘要:
在线客服
发送 |
//获取页面元素
let btn = document.getElementsByTagName("button")[0];
console.log(btn);
let text = document.getElementsByName("text")[0];
console.log(text);
let list = document.getElementsByTagName("ul")[0];
console.log(list);
let sum = 0;
//添加点击事件,获取用户发送内容添加到ul
btn.onclick = function(){
//获取用户内容
if(text.value.length===0){
alert("您没有留言!");
return false;
}
let userComment = text.value;
text.value= "";
//创建一个li
let li = document.createElement("li");
li.innerHTML = userComment;
//创建用户头像
let userPic = "";
list.appendChild(li);
sum+=1;
//这是定时器,自动回复
setTimeout(function(){
let info = ["您好","您需要什么?","需要退货吗?"];
let temp = info[Math.floor(Math.random()*3)];
let reply = document.createElement("li");
let kefuPic = "";
reply.innerHTML=kefuPic+' '+temp+ '';
list.appendChild(reply);
sum+=1;
},2000);
//清空窗口,并将计数器清零
if(sum>15){
list.innerHTML="";
sum=0;
}
}
批改老师:欧阳批改时间:2019-04-23 13:29:19
老师总结:完成的不错。更多的数据存储,等学习了php后,放到后端来存储。继续加油。