使用javascript检测reversi板上的空位置

使用javascript检测reversi板上的空位置,javascript,reversi,Javascript,Reversi,我正在开发一款Reversi(奥赛罗)游戏,我遇到了一个场景,我将在棋盘上检测到空位置。我写的,但不准确 var IsUserTurn = true; var Empty; function InsertBlack(x, y) { var Temp1 = document.createElement("img"); Temp1.setAttribute("src", "http://www.uploadhosting.co/uploads/151.238.149.6/Black

我正在开发一款Reversi(奥赛罗)游戏,我遇到了一个场景,我将在棋盘上检测到空位置。我写的,但不准确

var IsUserTurn = true;
var Empty;

function InsertBlack(x, y) {
    var Temp1 = document.createElement("img");
    Temp1.setAttribute("src", "http://www.uploadhosting.co/uploads/151.238.149.6/Black.png");
    Temp1.style.position = "absolute";
    var Temp3 = (x * 50) - 50;
    var Temp4 = (y * 50) - 50;
    Temp1.style.left = Temp3 + "px";
    Temp1.style.top = Temp4 + "px";
    var Temp2 = document.getElementById("panel");
    Temp2.style.position = "relative";
    Temp2.appendChild(Temp1);
}

function InsertWhite(x, y) {
    var Temp1 = document.createElement("img");
    Temp1.setAttribute("src", "http://www.uploadhosting.co/uploads/151.238.149.6/White.png");
    Temp1.style.position = "absolute";
    var Temp3 = (x * 50) - 50;
    var Temp4 = (y * 50) - 50;
    Temp1.style.left = Temp3 + "px";
    Temp1.style.top = Temp4 + "px";
    var Temp2 = document.getElementById("panel");
    Temp2.style.position = "relative";
    Temp2.appendChild(Temp1);
}

function SetClickEventListenerForPanel() {
    var Temp1 = document.getElementById("panel");
    if (Temp1.addEventListener) {
        Temp1.addEventListener("click", PanelClickProcessor);
    } else if (Temp1.attachEvent) {
        Temp1.attachEvent("onclick", PanelClickProcessor);
    }
}

function SetBooleanVariableStatus() {
    if (IsUserTurn === true) {
        document.getElementById("Boolean").innerHTML = "User's turn";
    } else {
        document.getElementById("Boolean").innerHTML = "Computer's turn";
    }
}



function IsEmpty(x, y) {
    var Temp1 = document.getElementsByTagName("img");
    var i;

    var xx, yy;
    xx = (x * 50) - 50 + ("px");
    yy = (y * 50) - 50 + ("px");

    for (i = 0; i < Temp1.length; i++) {

        if (Temp1[i].style.left != xx && Temp1[i].style.top != yy) {
            Empty = true;
        } else {
            Empty = false;
            break;
        }


    }

    return Empty;

}

function Convert(data) {
    if (data <= 50) {
        return 1;
    }
    if (data <= 100) {
        return 2;
    }
    if (data <= 150) {
        return 3;
    }
    if (data <= 200) {
        return 4;
    }
    if (data <= 250) {
        return 5;
    }
    if (data <= 300) {
        return 6;
    }
    if (data <= 350) {
        return 7;
    }
    if (data <= 400) {
        return 8;
    }
}

function PanelClickProcessor(e) {
    var X = e.pageX - this.offsetLeft;
    var Y = e.pageY - this.offsetTop;

    var xtocall, ytocall;

    xtocall = Convert(X);
    ytocall = Convert(Y);



    alert(IsEmpty(xtocall, ytocall));

}

InsertBlack(4, 4);
InsertWhite(5, 4);
InsertWhite(4, 5);
InsertBlack(5, 5);
SetClickEventListenerForPanel();
SetBooleanVariableStatus();
var IsUserTurn=true;
var为空;
函数插入黑色(x,y){
var Temp1=document.createElement(“img”);
Temp1.setAttribute(“src”http://www.uploadhosting.co/uploads/151.238.149.6/Black.png");
Temp1.style.position=“绝对”;
var Temp3=(x*50)-50;
var Temp4=(y*50)-50;
Temp1.style.left=Temp3+“px”;
Temp1.style.top=Temp4+“px”;
var Temp2=document.getElementById(“面板”);
Temp2.style.position=“相对”;
Temp2.appendChild(Temp1);
}
函数InsertWhite(x,y){
var Temp1=document.createElement(“img”);
Temp1.setAttribute(“src”http://www.uploadhosting.co/uploads/151.238.149.6/White.png");
Temp1.style.position=“绝对”;
var Temp3=(x*50)-50;
var Temp4=(y*50)-50;
Temp1.style.left=Temp3+“px”;
Temp1.style.top=Temp4+“px”;
var Temp2=document.getElementById(“面板”);
Temp2.style.position=“相对”;
Temp2.appendChild(Temp1);
}
函数设置ClickEventListenerForPanel(){
var Temp1=document.getElementById(“面板”);
if(Temp1.addEventListener){
Temp1.addEventListener(“单击”,面板单击处理器);
}else if(临时1.附件){
Temp1.附件(“onclick”,PanelClickProcessor);
}
}
函数SetBooleanVariableStatus(){
如果(IsUserTurn==真){
document.getElementById(“布尔”).innerHTML=“用户轮到”;
}否则{
document.getElementById(“布尔”).innerHTML=“轮到计算机了”;
}
}
函数为空(x,y){
var Temp1=document.getElementsByTagName(“img”);
var i;
变量xx,yy;
xx=(x*50)-50+(“px”);
yy=(y*50)-50+(“px”);
对于(i=0;i如果(数据)比较坐标时,应使用
|
运算符,而不是
&&
运算符:

if (Temp1[i].style.left != xx || Temp1[i].style.top != yy) {

请在你的问题中发布你的代码。当你发布你的问题时,你只看到了一个指向JSFIDLE的链接。我很抱歉@j08691,但我不知道问题出在哪里?我不知道为什么它不起作用?对不起!非常感谢Rocket Hazmat的编辑,他成功了!谢谢你,我不知道如何感谢你的帮助。:DNow我明白了一个简单的操作员可以分解一个大的应用程序!