[散修弟子]CSS-7961|2020年02月22日的日报-技能树.IT修真院

发表于： 2020-02-22 23:03:49

1 1193

今天完成的事

1.将任务的BUG修正

2.修正了任务2正则表达式的错误

3.给任务2的JS添加代码是其在打开新页面的时候url带上一个特定排列的字符串

    MATH = MATH.shuffle();                          //将数组乱序排列

    for(let i=0;i<MATH.length;i++){                 //根据杀手数组获得一串同样排列的非中文的数组
        if(MATH[i]==="杀手"){
            URLNUM[i] = "1";
        }else{
            URLNUM[i] = "0";
        }
    }
    URLNUM = URLNUM.join("");                       //将该数组转换为字符串
    BUTTON.setAttribute("href","../task3/task3.html"+ "?number=" + URLNUM) //即时修改发牌按钮href的地址并带上参数

BUTTON.onclick = function(){                        //“去发牌”点击事件
    if(RE.test(NUM.value)) {                        //将数值输入正则表达式  
        window.location.href=BUTTON.getAttribute("href"); //在当前窗口打开新页面

4.完善查看身份页面

    <main class="main">
        <div class="number">1</div>
        <img class="img" src="盖牌.png"></img>
    </main>

    <footer class="footer">
        <input type="button" value="查看身份" class="button" id="button"></input>
    </footer>

.main{
    position: fixed;
    width: 100%;
    top: 60px;
    .number{
        display: block;
        position: relative;
        top: 24px;
        margin: auto;
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 28px;
        background-color: white;
        color: rgb(245, 107, 149);
        border: 2px solid rgb(255, 237, 197);
        border-radius: 50%;
    }
    .img{
        display: block;
        margin: auto;
        background-repeat: no-repeat;
        height: 60vh;
    }
}

.footer{
    display: flex;
    justify-content: space-around;
    width: 100%;
    position: fixed;
    bottom: 0;
    .button{
        width: 80vw;
        height: 50px;
        background-color: rgb(251, 180, 53);
        color: white;
        border: none;
        font-size: 20px;
        margin-bottom: 20px;
    }
}

5.学习jquery的一些基础知识并根据初步理解编写伪代码

/*
获取url中带有的字符串
并将字符串转换为玩家数组

for（根据字符的长度来确定循环次数）{
    空数组
    if（1）{
        空数组加“杀手
    }else{
        空数组加“平民
    }
}

给下方按钮添加事件监听器

按钮点击事件 = 
（判断当前第几次点击）{
    依据当前点击次数获取玩家数组中的角色
    获得角色并修改卡牌显示部分显示的图片
}

当查看完所有角色后跳转到玩家游戏界面 
依据玩家数组生成玩家方块并插入显示部分
for（）{
    if（杀手）{
        生成杀手方块
        插入页面
    }else{
        生成平民方块
        插入页面
    }
}

*/