今天基本完成了任务3，写了一部分任务4的内容

1. 先整理思路

实际上任务3只用两个页面就行了，主要的部分是用js动态生成页面内容

首先是要将之前设置的人数和身份保存到本地，然后将数据取出并进行进一步操作

var roles = JSON.parse(sessionStorage.getItem("playerRole"));
var num = window.sessionStorage.getItem("number");
console.log(roles);
console.log(num);

命名roles和num，并通过getItem将本地存储的数据取出来，console一下确定数据正确的取出来了。

2. 查看身份的两个页面写在同一个html文件里即可，用js控制哪一个显示

$(".idCard").css("display","block");
$(".identification").css("display","none");

引用jQuery，通过这种方式操作元素的css，通过给button添加的onclick事件触发

3. 取出对应的元素类（或者id也行），向其中插入html文件，插入的内容就是console显示的那些之前赋值的内容

$(".nub-a").html(step);
$(".nub-b").html(b);
$(".ids").html(roles[i]);

4. 最后用onclick事件触发跳转到新页面中

function skipToBench() {
    window.location.href = "task13/task13-2.html";
}

5. 除此之外还完成了新页面的html与css

明天计划继续任务4

今天没有遇到问题