今天完成的事情：

1.写任务三的界面。

2.使用jQuery完成界面。

明天计划的事情：

1.继续完善任务二到四。

遇到的问题和收获：

1.首先是不同界面的传值。这里应该是完成了。

function killerOrWater() {
    killer.value = Math.floor(inputNumber.value / 3);
    waterPeople.value = Math.ceil(inputNumber.value * 2 / 3);
    killer.innerHTML = killer.value;//杀手值赋予杀手innerHTML
waterPeople.innerHTML = waterPeople.value;
}

首先是赋值。把输入的值inputNumber.value通过Math方法赋予杀手和水民value，通过innerHTML改变文本。

var identity = [];

function addIdentity() {
    for (var i = 0; i < killer.value; i++) {
        identity.push("杀手");
    }
    for (var j = 0; j < waterPeople.value; j++) {
        identity.push("水民");
    }
    return identity;
}

以及定义函数addIdentity，将杀手和水民的人数先放进新建数组identity里。   以上为昨日内容。

经过数组乱序后，

function btnRight() {
    rangeNumber.value++;
    inputNumber.value = rangeNumber.value;
    identity = [];
    killerOrWater();
    addIdentity(identity);

    var send = JSON.stringify(shuffle(identity));
    sessionStorage.setItem("allJson", send);
    console.log(identity);
}

上面是加号按钮的函数。每点击一次，滑块和输入框数值会+1，这里面引用了赋值的killerOrWater以及addIdentity，意思是每次点击都会运行赋值杀手和水民人数的函数。在每次运行前把indetity数组内清空，不然一直点击数组内值会叠加。

用console.log(identity)打印出来数组查看。

点击“去发牌”，跳转界面后

var send = JSON.parse(sessionStorage.getItem("allJson"));//重新转换为数组
console.log(send);

新界面接收到传递过来的数组。打印出来看，如下：

和上一个界面的（6）一致。

2.关于iQuery，官方解释是：

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

好的，又是一个我现在用不来，但肯定是会用之后很方便的工具。先熟悉下吧。

简单写了个。

$(".main-pic-2").hide();
$("footer button").click(function () {
    $(".view-identity").text("隐藏并传递给"+"n"+"号");
    $(".main-pic").hide();
    $(".main-pic-2").show();
});

上面实现的是点击查看身份后，隐藏图片main-pic，显示main-pic-2，将文字“点击查看文字”改为“隐藏并传递给n号”。

那么任务要求

书写逻辑，点击一次查看身份再点击隐藏身份，再点击查看下一个人身份，如此循环。

两个图片我目前是把图片二用绝对定位和图片一重合起来。需要的时候再显示。

这点还不知道怎么实现。目前是先了解iQuery，自己思考下，再问问师兄吧。