我正在创建一个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>
答案 0 :(得分:0)
我认为你的变量cl在检查之前不会得到一个值!= 0。在第一个if语句检查其值之前,每次都将其设置为0。
尝试在&#34;点击&#34;之外初始化您的变量功能