摘要：首先，获取输入框（input）、提交按钮（button）、输出列表项（ul）; 其次，通过button按钮点击事件在ul列表项中添加li元素； 再次，获取input框中的内容，并显示到列表项中，当再次点击按钮时清空 输入框中的内容。 <!DOCTYPE html> <html lang="en&quo
首先，获取输入框（input）、提交按钮（button）、输出列表项（ul）;
其次，通过button按钮点击事件在ul列表项中添加li元素；
再次，获取input框中的内容，并显示到列表项中，当再次点击按钮时清空
输入框中的内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>实战热身</title>
</head>
<body>
<input type="text" name="info">
<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>
批改老师：灭绝师太批改时间：2019-01-26 09:28:04
老师总结：作业比较简单，下次完成这样的作业，需要带上基本布局样式
