删除/隐藏Javascript块

我正在创建一个majhong游戏。当我单击两个具有相同文本的块时，我试图使用不同的类名“隐藏”它们，但代码不起作用。变量

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>

f=0；
已单击函数（newDiv）{
var-cl=0；
if（newDiv.className==“clickedbox”）{
newDiv.className=“已装箱”；
cl=0；
}
否则{
如果（cl==0）{
newDiv.className=“clickedbox”；
cl=1；
}
否则{
newDiv.className=“clickedbox”；
var-box=document.getElementsByClassName（“clickedbox”）；
如果（框[0]。innerHTML==框[1]。innerHTML）{
框[0]。className=“removedbox”；
框[1]。className=“removedbox”；
cl=0；
}
否则{
f=f+1；
}
}
}
};
.col格式{
浮动：左；
}
.盒装{
宽度：10px；
填充：10px；
保证金：1px；
边框：10px纯红；
背景颜色：粉红色；
边界样式：开始；
}
.点击框{
宽度：10px；
填充：10px；
保证金：1px；
边框：10px黄色；
背景颜色：黄色；
边界样式：开始；
}
.removedbox{
宽度：10px；
填充：10px；
保证金：1px；
边框：10px绿色；
背景颜色：绿色；
边界样式：开始；
}

我认为您的变量cl永远不会得到值！=0，然后再检查它。在第一个if语句检查其值之前，每次都将其设置为0

---

尝试在“clicked”函数之外初始化变量。

可以在jsfiddle.net上进行演示吗？类“removedbox”是如何定义的？