删除/隐藏块Javascript

时间:2014-05-02 14:22:14

标签: javascript

我正在创建一个majhong游戏。当我点击两个具有相同文本的块时,我试图隐藏'它们,使用不同的className,但代码不起作用。变量f用于保持用户不正确移动的分数。

  f=0;
  function clicked(newDiv){ 
  var cl=0;
  if (newDiv.className=="clickedbox"){
    newDiv.className="boxed";
    cl=0;
  }
   else {
     if (cl==0){
       newDiv.className="clickedbox";
       cl=1;
      }
   else { 
       newDiv.className="clickedbox"; 
       var box=document.getElementsByClassName("clickedbox");

       if (box[0].innerHTML==box[1].innerHTML){
         box[0].className="removedbox";
         box[1].className="removedbox";
         cl=0;

   }
      else {
      f=f+1;
    }

  }
  }
 };


<style type="text/css"> 
.col-format {
 float: left;
 }

.boxed {
width: 10px;
padding: 10px;
margin:1px;
border:10px solid pink;
background-color: pink;
border-style:outset;
}
.clickedbox {
width: 10px;
padding: 10px;
margin:1px;
border:10px yellow;
background-color: yellow;
border-style:outset;
}

.removedbox {
width: 10px;
padding: 10px;
margin:1px;
border:10px green;
background-color: green;
border-style:outset;
}
</style>

1 个答案:

答案 0 :(得分:0)

我认为你的变量cl在检查之前不会得到一个值!= 0。在第一个if语句检查其值之前,每次都将其设置为0。

尝试在&#34;点击&#34;之外初始化您的变量功能