今天完成的事情：

动态分配水民和杀手的数量，获取输入框的value值，然后按照一定的比例来分配水民和杀手，最后是显示到网页

function kiOrCi () {
    if(playersNum.value < 15){
        killers.value = Math.floor(playersNum.value / 3);
    }
    else {
        killers.value = Math.floor((playersNum.value-1) / 3);
    }
    killers.innerText = killers.value;
    //分配杀手数量
    civilians.value = playersNum.value - killers.value;
    civilians.innerText = civilians.value;
    console.log(killers.value,civilians.value);
    //分配平民数量
}

function pNumber(){
    if(playersNum.value>=4&&playersNum.value<=18){
        rangeNumber.value=playersNum.value;
        //设置数值范围
    }
    else{
        alert("请输入正确的玩家数量");
        playersNum.value=4;
        //数值不正确时重置
    }
}

function slid(){
    playersNum.value=rangeNumber.value;
    kiOrCi();
    //设置滑动条的值等于玩家人数
}

function btnLeft(){
    rangeNumber.value--;
    playersNum.value = rangeNumber.value;
}
function btnRight(){
    rangeNumber.value++;
    playersNum.value = rangeNumber.value;
    //+-按钮
}

rangeNumber.oninput = function () {
    slid();
    kiOrCi();
};
btnL.onclick = function () {
    btnLeft();
    kiOrCi();
};
btnR.onclick = function () {
    btnRight();
    kiOrCi();
};
playersNum.onchange = function () {
    pNumber();
    kiOrCi();
};
killers.onchange = function () {
    kiOrCi();
};

明日计划：不划水好好做任务