摘要：老师我有问题：1.下面图片的undefine在谷歌浏览器在哪查看？ 2.console.log(Math.rand
老师我有问题：1.下面图片的undefine在谷歌浏览器在哪查看？
2.console.log(Math.random()+1,10) 后面的10代表啥？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>实战聊天框信息</title>
<link rel="stylesheet" href="../common/css/admin.css">
</head>
<body>
<div class="box">
<h2>在线客服</h2>
<div class="content">
<ul>
</ul>
</div>
<div class="retext">
<textarea name="text" id="text" cols="40" rows="5"></textarea>
<button name="send" type="button">发送</button>
</div>
</div>
<script>
let txt = document.getElementsByName('text').item(0);
let btn = document.getElementsByName('send').item(0);
let ul = document.getElementsByTagName('ul').item(0);
document.onkeydown = function(event){
var e = event || window.event;
if(e && e.keyCode == 13){//13 为enter键
chatword();
}
}
btn.onclick = chatword;
function chatword(){
if(txt.value == null){
alert('输入内容为空');
}
let num = 0;//计数器，num>10,清屏
console.log(txt.value);
let show = document.createElement('li');
show.innerHTML = '<a href=""><img src="images/send.jpg" alt="chat">' + txt.value + '</a>';
ul.appendChild(show);
num++;
setTimeout(function(){
let arr = ['来了，老弟!','只要你乖给你买条街！','食屎啦你','怎么肥事?','小老弟','火星情报局','杨迪','薛之谦'];
let reply = document.createElement('li');
reply.innerHTML = '<a href=""><img src="images/reply.jpg" alt="chat">' + arr[Math.round(Math.random()*7)] + '</a>';
ul.appendChild(reply);
num++;
if(num>10){
ul.innerHTML = '';//清空
}
},1200);
}
</script>
</body>
</html>
批改老师：天蓬老师批改时间：2018-12-17 11:26:32
老师总结：cosole.log()中的字面量会原样输出, 它的意义 , 让你自己指定
