一，今天完成的事情

（1）昨天提交的任务二被二大十动然拒，我也是很伤心，然后根据二大提示的内容开始修改不合理的地方，问题主要有

1.人数操作小于最小值依然可以操作，并且操作一次就弹一次窗，应该用失焦写。

2.人数没限制，小于最小值依然可以继续选更小的。

先去学习了失焦事件，有两种写法，第一种是节点.onblur，另外一种是用.addEventListener（“blur”，function），选择了短的那种。想法是当value在4-18之间的时候，触发oninput事件，当value在这个范围之外触发失焦事件，但是事件好像并不能互相切换，就直接开始oninput事件，然后value在范围之外触发onblur事件。但是又出现了一个bug。。。onblur触发之后就关不掉啊！！于是又思考了良久，又给onblur事件添加了一个判断，在范围内，returnfalse，在范围外才触发。

最后调试了一下，搞到下午三点才弄好，下次提交之前先调试好些。

（2）开始任务三，学习了页面之间传参的方式，通过url传参，通过cookie传，通过localstorage和sessionstorage传，还有一些不太记得了。最后选择了用sessionstorage写，了解了下JSON,把任务二生成的列表传递给任务三的页面，构思了下算法，弄两个div，一个是隐藏身份的界面，一个是显示身份的界面，通过点击事件，改变元素的display实现隐藏或显示。定义个变量i,点击一次值增加1，通过页面二传过来的data[i]来显示身份。加个判断，点击改变变量click为true或false，执行显示或隐藏身份界面及改变按钮里面的文字等。

（3）写了一个多小时，突然想起来任务三要用JQ写。。。。然后又去看《锋利的Jquery》，很难受。学习了JQ的选择器，操作DOM后发现Jquery要比JS写起来方便好多！！也是很赞。

二，明天要完成的事情

继续学习Jquery，用JQ完成任务三。

三，遇到的问题

Jquery写出来的onclick运行不了，不知道为啥，明天研究下。

var storage = window.sessionStorage;
var r = storage.roles;
roles = JSON.parse(r);
alert(roles);
//定义变量
var $play = true;
var $card =  $(".card");
var $roles = $(".roles");
var $num = $("#num");
var $role_num = $("#role-num");
var $role = $("#role");
var $before_num = $("#before-num");
var $after_num = $("after-num");
// var card = document.getElementsByClassName("card");
// var roles = document.getElementsByClassName("roles");
// var num = document.getElementById("num");
// var role_num = document.getElementById("role-num");
// var role = document.getElementById("role");
// var before_num = document.getElementById("before-num");
// var after_num = document.getElementById("after-num");

function click() {
    for (var i = 0;i < roles.length;i++) {
        if ($play) {
            $play = false;
            $card.css("display","none");
            $roles.css("display","block");
            $role.text(roles[i]);
            $before_num.text('隐藏并传递给');
            $after_num.text('号');
        }
        else {
            $play = true;
        }
    }
}

四，收获

1.学到了失去焦点事件。

2.页面之间传参的几种方式。

3.Jquery的选择器，如何操作DOM。