今天完成的事情：

js -2 css页面基本完成了

 
明天计划的事情：

  继续任务2
遇到的问题：

滑动条的实现

<div class="slider-box">
    <button onclick="minus()">-</button>
    <input type="range" name="points" min="4" max="18" id="Slider-aroundr" oninput="Slider-aroundr(this.value)" onchange="Slider-around(this.value)">
    <button onclick=" plus-sign()">+</button>
</div>

收获：

①oninput的使用

下面我们先了解一下oninput如何使用。

    如果您是将注册时间直接写在页面里面，那么如下写法就可以实现

<input type="text" name="textfield" oninput="alert(this.value);" onpropertychange="alert(this.value)" />

但是，将oninput写在JS代码中分离出来时与普通事件注册的方法有些不同，必须使用addEventListener来注册。

②：滑动条input[type="range"]样式

Range是HTML5中新出现的滑块控件，也是常见的控件的之一，不过这个控件的原始样式略丑，所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支持这个控件。 

滑动条range控件同number控件类似，它可以表示整数或者小数值。同时也支持min和max属性，用于设置允许的范围。

不同的是，number控件是一个文本框形式，而range控件使用滑动条的形式。和音量调节器很像，通过拖动滑块来选择值。适用于那些对输入数据不要特别精确地方使用。

代码：

1. <input type="range" min="0" max="100" value="70"/>  

属性 描述