????：<script type="text/javascript"> //獲取到頁(yè)面中的按鈕,文本域,對(duì)話(huà)內(nèi)容區(qū) let btn = document.getElementsByTagName('button')[0]; let text = document.getElementsByName('text')[0]; let li

<script type="text/javascript">

//獲取到頁(yè)面中的按鈕,文本域,對(duì)話(huà)內(nèi)容區(qū)

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

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

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

let sum = 0;

//添加按鈕點(diǎn)擊事件,獲取用戶(hù)數(shù)據(jù)并推送到對(duì)話(huà)窗口中

btn.onclick = function () {

// alert(text.value)

//獲取用戶(hù)提交的內(nèi)容

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

alert('客官:是不是忘記輸入內(nèi)容了~~');

return false;

}

let userComment = text.value;

//立即清空用戶(hù)信息區(qū)

text.value = '';

//創(chuàng)建一個(gè)新節(jié)點(diǎn)li

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

li.innerHTML = userComment;  //將用戶(hù)輸入的內(nèi)容添加到新節(jié)點(diǎn)中

let userPic = '<img src="inc/peter.jpg" width="30" style="border-radius:50%">'; // 設(shè)置用戶(hù)頭像

li.innerHTML = userPic + ' ' + userComment; // 將用戶(hù)頭像與用戶(hù)的聊天內(nèi)容合并

list.appendChild(li); //發(fā)送聊天內(nèi)容,實(shí)際上就是將新節(jié)點(diǎn)插入到對(duì)話(huà)列表中

sum += 1; // 聊天記錄自增1

//設(shè)置定時(shí)器,默認(rèn)2秒后會(huì)自動(dòng)回復(fù)

setTimeout(function(){

let info = [

    '真煩人,有話(huà)快說(shuō),別耽誤我玩抖音',

'除了退貨,退款,咱們什么都可以聊',

'說(shuō)啥,本姑娘怎么聽(tīng)不懂呢?再說(shuō)一遍',

'在我方便的時(shí)候再回復(fù)你吧~~',

'投訴我的人多了,你算老幾~~~'

];

let temp = info[Math.floor(Math.random()*3)];

//取1-5之間的一個(gè)整數(shù):Math.floor(Math.random()*6 + 1)

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

let kefuPic = '<img src="inc/zly.jpg" width="30" style="border-radius:50%;">';

// reply.innerHTML = '你有啥事呀,我的帥哥哥' +kefuPic

reply.innerHTML = kefuPic + ' ' + '<span style="color:red">'+temp+'</span>';

list.appendChild(reply);

sum += 1;

},2000);

// 當(dāng)聊天記錄達(dá)到10條時(shí)清空窗口

if (sum > 10) {

list.innerHTML = '';

sum = 0;

}

}

</script>

?? ???：韋小寶?? ??：2019-03-09 09:13:41
???? ??：第一次的作業(yè)是將布局寫(xiě)一寫(xiě)就可以 不需要包含js 第二次的是需要包含js的 不過(guò)你這寫(xiě)的也可以了