聊天机器人热身作业
使用js获取元素name方式获取到input表单的内容
使用js获取元素类型tagname的方式获取到按钮
使用js获取元素类型tagname的方式获取到UL
以上所获取的元素下标是【0】
给button按钮一个点击事件函数，当点击button按钮的时候创建一个li元素，把input的值赋值给li元素的内容（使用innerHTML方法）。在ul内部最后面使用appendChild把刚才获得完内容的li添加进去。最后使用input.value=''清空一下input框。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" name="info" />
<button>提交</button>
<ul></ul>
<script type="text/javascript">
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>