今天完成的事情：初步完成了任务2

明天计划的事情：1、修改任务2的bug，并再自查几遍。

                           2、修改任务2的命名，语义化，语义化，语义化。

                           3、查看打乱数组方法，优化一下代码，

                                今天用的打乱是自己改编了洗牌算法的样式，不知道是否正确，随机概率是否相等。

                           4、查找js任务1的深度思考相关知识与总结。

                           5、对比他人任务2代码，吸取可用的地方，优化任务2代码。

遇到的问题：暂无

收获：昨天对打乱理解有误差，今天问了一下，原来只要打乱就行。

发现问题：页面初次打开时，有关总人数input没有默认值。

解决方案：在input里添加value值。

<input type="range" name="points" min="4" max="18" value="8" >

发现问题：若直接使用默认值来发牌，怎数组打乱不成功。

原因：使用默认值，则input内容就没发生改变，oninput和 onchange都不起作用，则js中函数就没运行。

解决方案：在js里添加一个加载完成就执行的脚本。

window.onload= onload();
function onload() {
    document.getElementById("sliderNum").value=8;
    sliderNum(8);
}

window.onload= onload();加载完成运行名字为onload的脚本中（）内的内容。

function onload() 脚本名字

{}脚本内容

document.getElementById("sliderNum").value=8; 赋予总人数input框的value的值为8

这样一来，也可以顺便把第一个问题解决，不用在input里添加value值。

发现问题：如何用js跳转页面

解决方案：在button里添加onclick=“脚本命（）"，在js里书写脚本命（window.location.href = "跳转网页的文件地址"）

html

<button type="button" onclick="begin()" >去发牌</button>

js

function begin() {
    window.location.href = "Task2-check-role.html";
}

修改bug：

学习新的空格符号

 ：这是我们使用最多的空格，也就是按下space键产生的空格。

                在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加。

               该空格占据宽度受字体影响明显而强烈。

               在inline-block布局中会搞些小破坏，在两端对齐布局中又是不可少的元素。

 ：此空格有个相当稳健的特性，就是其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。

  ：此空格也有个相当稳健的特性，就是其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。

效果图：，即杀手中间有一个中文宽度，数字两边是1/2个中文宽度

<span id="killerNum">杀&nbsp;&nbsp;&nbsp;&nbsp;手&nbsp;&nbsp;2&nbsp;&nbsp;人 </span>//错误示范

<span id="killerNum">杀&emsp;手&ensp;2&ensp;人 </span>//正确

修改铅笔与文字间距离

ui图：

任务错误：

解决方案：为图片增加右padding或margin