点击按钮实现 盒子关闭
随机点名案例
先给开始按钮添加点击事件
- 获取显示名字的 div 和 开始按钮的 div
- 给开始按钮添加点击事件，设置定时器，每隔35ms内获取一个数组长度内的随机数，将显示名字的 div内的内容替换为该随机数作为下标的数组的内容
- 如果数组中仅剩一个元素，那么直接将 开始和结束按钮禁用
给结束按钮添加点击事件
- 点击之后关闭定时器
- 将数组中获取的随机数作为下标的元素进行删除
- 注意：因为 关闭定时器需要找到定时器的名称，但是直接在 开始按钮 的点击事件中获取定时器名称是获取不到的，因为此时 该定时器是局部函数，那么就需要在外部定义赋值定时器名称变量。 同样的随即号也是这样
事件监听版本
事件类型
轮播图完整版（鼠标事件）
- 获取总盒子 slider元素，img元素，p元素，以及左右按钮元素
- 分别给左右按钮注册点击事件，左按钮使得 变量 i--，右按钮使得变量 i++，然后分别让i小于0之后置为图片数量减1，超过了总图片数量后置0
- 更换图片路径，p中内容，总盒子背景色为相应的 以 i 为下标的数组中的内容
- 将已经添加到 li 中的 active类删除掉，然后为 相应的 i 添加active类
- 鼠标经过停止定时器，鼠标离开开启定时器
- 设置定时器自动播放，定时器中的函数可以是调用 点击事件（也就是事件类型）
事件类型：焦点事件
键盘事件， 用户输入文本事件
评论字数统计
css直接实现 input 框的缩放 （没用到 js) focus伪类选择器
最后将 total.innerHTML = `${tx.value.length}/200`
