聊天记录实战
<!DOCTYPE html>
<html>
<head>
<title>聊天记录实战</title>
<meta charset="utf-8">
<script type="text/javascript"></script>
</head>
<body>
<input type="text" name="info" style="width:600px;height: 200px;">
<br>
<button>提交</button>
<ul>聊天记录</ul>
<script>
let input=document.getElementsByName('info')[0];
let button=document.getElementsByTagName('button')[0];
let ul=document.getElementsByTagName('ul')[0];
button.onclick=function(){
let li=document.createElement('li');
li.innerHTML=input.value;
ul.appendChild(li);
input.value='';
}
</script>
</body>
</html>