今天完成的事情：task2杀人游戏角色分配思路和任务初步，角色分配功能基本算实现了（拖拽条还没没弄清楚......）

下载桌游精灵玩了一下，看完介绍和游戏分配；

1. 角色分配：3-8人：1杀手 、 9-11人：2杀手 、12-15人：3杀手、16-18人：4杀手；最少3人，最多18人；

2. 猜想：3-18人递增：总人数=9、12、16人时，杀手数+1，否则水民+1；

              18-3人递减：总人数=15、11、8人时，杀手数-1，否则水民-1；

3.实现： 列表部分增删child元素；

              进度条部分均分bar：每次点击事件左边宽度按比例增减；指标左边距同步大小增减；主要为获取元素样式响应的属性值，如width和left；

             人数输入框部分：读取当前值，递加或递减；

明天计划的事情：完善task2，草草搭了框架，问题多....
遇到的问题：元素增加和删除不熟练，基础知识得夯实；当前通过className获取节点不如Id好用....用className卡了好长时间过不去，整个页面只有一个样式也不行，最后还是用Id和TabName。

这个函数

  var a = faction(){

......;

this.init();

}

还没明白，这是闭包函数？看和资料的形式不太一样.....

做进度条忘记浮点和整型区分了，直接用parseInt（）取值，达不到效果才发现错误；child和children的区分；事件触发顺序很重要，参数设置正确，触发顺序不对得出的结果会匪夷所思....各种毛病，最后用Sources设置断点慢慢看才发现问题。

收获：参数获取，添加样式，增删节点、元素的实践，断点调试

http://www.chinalovelsb.cn/Javascript/task2/task2welcome.html