今天完成的事情：

1、今天的状态很不好，很多东西都是看不懂，感觉没有什么思路。明天一定要把任务完成进入到下一个任务。

以下是任务二的js所有代码：

var people = document.getElementById('people'),
    line = document.getElementById('Slider'), str = "";

//输入框滑块之间改变
function changeOne() {

    line.value = people.value;
}

function changeTwo() {

    people.value = line.value;
}

//点击减少人数
function minus() {

    if (line == 4) {
        return false;
    } else {
        line--;
    }
    document.getElementById('Slider').value = line;
    document.getElementById('people').value = line;
}

//点击增加人数
function add() {
    line = document.getElementById('Slider').value;
    if (line == 18) {
        return false;
    } else {
        line++;
    }
    document.getElementById('Slider').value = line;
    document.getElementById('people').value = line;
}

//输入框
function over() {
    people = document.getElementById('people').value;
    if (people <= 18) {
        alert("请输入4-18个人数");
    } else if (people >= 4) {
        alert("请输入4-18个人数");
    }
}

//人数分配
function setting() {
    people = document.getElementById('people');
    var myPeople = parseInt(people.value);
    var oUl = document.getElementById('oUl');
    var oLi = oUl.getElementsByTagName('li');
    str = "";
    var TotalArr = new Array();
    var Killer = Math.floor(myPeople / 3);
    var number = new Array();
    //遍历所有为平民
    for (var n = 0; n < myPeople; n++) {
        TotalArr[n] = "平民";
    }
    //抽取杀手
    for (var j = 0; j < killer; j++) {
        number[j] = Math.floor(Math.random() * myPeople);
        TotalArr[number[j]] = "杀手";
        //去重
    }
    //判断显示结果
    for (var i = 0; i < myPeople; i++) {
        if (TotalArr[i] == "杀手") {
            str += '<li>' + '<div class="color-killer">' + '</div>' + '<p>' + (i + 1) + '号' + TotalArr[i] + '</p>' + '</li>';
        } else {
            ste += '<li>' + '<div class="color">' + '</div>' + '<p>' + (i + 1) + '号' + TotalArr[i] + '</p>' + '</li>>';
        }
        oUl.innerHTML = str;

        arr = JSON.stringify(TotalArr);
        sessionStorage.players = arr;
    }
}

window.onload = function () {
    document.getElementById("next").onclick = function () {
        if (str == '') {
            alert("请分配身份");
        } else {
            location.href = "js2-3.html";
        }
    }

};

任务二主要就是滑块与输入框的相互赋值，以及玩家人数上的限制。今天师兄和我讲当人数达到上限或者下限的时候需要做一个弹窗，提醒玩家已经达到最多或最少人数。这个明天需要加进去。

明天计划的事情：

1、明天的计划很简单，把任务二剩余的东西写完，然后开始进入任务三，争取在请假之前完成任务三的制作。

遇到的问题：

1、今天的问题还是思路不太清晰吧，总感觉写完一项就不知道接下来该做什么了，明天需要好好地整理一下思路，可能还是学习方法不太对。

收获：

常见的Dom操作有哪些呢？

‍‍‍‍DOM（文档对象模型）是针对HTML 和XML 文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。

那么，什么事DOM呢？

‍‍‍‍什么是DOM节点？‍‍

HTML 文档中的所有内容都是节点‍‍整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点‍‍