今日完成：

1 将任务十三提交

2 将滑块组件完成

今日收获：

1 关于addEventListener()的应用

2 关于改变html中的css样式

document.getElementById("id").style.width

3 关于onchange和oninput的区别

‍‍‍‍定义和用法

onchange 事件会在域的内容改变时发生。

onchange 事件也可用于单选框与复选框改变后触发的事件。

语法

HTML 中:

JavaScript 中:

‍‍定义和用法

oninput 事件在用户输入时触发。

该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

提示： 该事件类似于onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

语法

‍‍HTML 中:

<element oninput="myScript

JavaScript 中:

object.oninput=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("input", myScript);‍‍

4 了解了input的range对象

h5新增的属性，可以直接实现滑块

参考链接：

https://www.runoob.com/jsref/dom-obj-range.html

5 今天彻底的感受到了js和css的不同，js更加具有可变性，比如说同样的效果，我和师兄沟通之后，发现效果一样，

思路有一些区别，代码差别就不是一星半点了

明日计划：

了解并使用页面的传参效果，了解json