简易聊天对话

Original 2019-03-01 21:30:08 264
abstract:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>chat easy</title> </head> <body> <input
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>chat easy</title>
</head>
<body>
<input type="text" id="in" placeholder="请输入聊天内容">
<button>提交</button>
<button>清空聊天</button>
<ul class="out"></ul>

<script>
let msg = document.getElementById('in');
let btn = document.getElementsByTagName('button').item(0);
let out = document.getElementsByClassName('out')[0];
let clea = document.getElementsByTagName('button')[1];

btn.onclick = function(){
let li = document.createElement('li');
li.innerText = msg.value;
out.appendChild(li);
msg.value = '';
}
clea.onclick = function(){
let liok = document.getElementsByTagName('li');
for(var i=0;i<liok.length;i++)
{  out.removeChild(liok[i]);
}
}
</script>
</body>
</html>

好象删除的时候没有全部删除完。

Correcting teacher:查无此人Correction time:2019-03-02 09:16:40
Teacher's summary:完成的不错,下次把代码缩进。没删除完,打印循环的所有值看看。

Release Notes

Popular Entries