js 任务2 

 发生的东西还是挺多的  

红笔部分  ————  点击跳转到另一个页面
     location。herf  = “./   地址   或者   你编辑器上html文档 ”（这两类都是能跳转，当然啦是自己测试的路径）

蓝色的点击 出现一个 设置栏

这里利用了 css3 的属性 移动写的  点击了就会移动出来

附代码 ——

/点击设置  出现设置栏
oSetting.onclick = function(e){
//取消冒泡，稍会讲
   e.stopPropagation();
//oAle是 设置栏
//判断 设置栏有没有name 属性
   if(oAle.name == "a"){
oAle.style.transform = "translateX(-105%)";
       oAle.name = ""
   }else {
oAle.style.transform = "translateX(0)";
       oAle.name = "a"
   }
}

需要点击之后 回去 或者 出现， 

 （私自认为name属性没有用就用来做判断）

判断name属性 有没有a   【为false 设置栏出来  给name添加 a值； 下次点击有name  为true  回去 依次反复

//这里给HTML绑定了点击事件 点到了就回去（取巧 用了冒泡事件的原理
document.documentElement.onclick = function(){
oAle.style.transform = "translateX(-105%)";
    oAle.name = ""
}

毕竟要是只能通过 点击 设置 才能回去 那也太糟糕的体验了

那么 回到上面， 

  我给  设置  取消冒泡  

 我一开始点击他 他会冒上去 设置栏不出现 —— 取消冒泡就好了

    if  判断里的需要提一下  那是 判断数据  符合不符合   正则的标准

   正则。text（数据）  符合返回true  不符合为false

//当input发生改变时 执行代码
oInp.oninput = function () {

    //正则判断input 输出的对不对
    var te = /^[1-9]{0,2}$/g;
   //让input只能输入数字  正则解释：  ^必须以什么开头   1到9：【1-9】 最多输入两个：{0，2} $必须以什么结尾
   //结合起来   必须以数字开头 最多输入2个数字【这两个数字只能是1到9的 0不能输入】 必须以数字结尾
   // 当输入的数据不符合  那么 清空 input
   // 符合的的话  就。。。不理睬 hh
    if(te.test(  oInp.value)){
         oInp.value
    }else {
         oInp.value = ""
    }
   
   p[0].innerHTML = "杀手" +  Math.round(oInp.value*(1/3))  + "人"
    p[1].innerHTML = "平民" +  Math.round(oInp.value*(2/3))  + "人"
    
};

下面杀手和人就比较好懂了 ，四舍五入嘛