Question

我试图做一个简单的转弯＆＃34;战斗＆＃34;游戏。到目前为止，我已将选择播放器部分编码到下方，让用户选择一个播放器。点击的div向下动画并将颜色更改为蓝色，剩余的未点击的div向侧面移动。我希望未被点击的div成为用户可以选择作为对手的敌人选项。

玩家选择代码：

function selector() {
        $("#boybutton").click(function () {
            if (found === false) {
                found = true;
                antiPick = true;
                $('#girl').animate({ right: '-=600px' });
                $("#girl").css({ backgroundColor: "grey" });
                $('#boss').animate({ right: '-=600px' });
                $("#boss").css({ backgroundColor: "grey" });
                $('#boy').animate({ bottom: '-=300px' });
                $("#boy").css({ backgroundColor: "#85C1E9" });
                var input = this;
                input.disabled = true;
            }
        })
        $("#girlbutton").click(function () {
            if (found === false) {
                found = true;
                antiPick = true;
                $('#boy').animate({ right: '-=600px' });
                $("#boy").css({ backgroundColor: "grey" });
                $('#boss').animate({ right: '-=600px' });
                $("#boss").css({ backgroundColor: "grey" });
                $('#girl').animate({ bottom: '-=300px', left: '-=160px' 
});
                $("#girl").css({ backgroundColor: "#85C1E9" });
                found = true;
                var input = this;
                input.disabled = true;
            }
        })
        $("#bossbutton").click(function () {
            if (found === false) {
                found = true;
                antiPick = true;
                $('#boy').animate({ right: '-=600px' });
                $("#boy").css({ backgroundColor: "grey" });
                $('#girl').animate({ right: '-=600px' });
                $("#boss").css({ backgroundColor: "grey" });
                $('#boss').animate({ bottom: '-=300px', left: '-=300px' });
                $("#boss").css({ backgroundColor: "#85C1E9" });
                var input = this;
                input.disabled = true;
                console.log("antipick" + antiPick);
            };
        });
    };
    return antiPick;
    console.log(antiPick);
    selector();

这是选择敌人的代码，如果只编码＆＃34; girl＆＃34;首先尝试：请注意，选择敌人会将颜色变为红色。

function enemy() {
        if (antiPick === false) {
            $("#girlbutton").click(function () {
                $('#girl').animate({ right: '-=200px', bottom: '-=200px' });
                $("#girl").css({ backgroundColor: "#F1948A" });
                var input = this;
                input.disabled = true;
            })
        }
    }
    enemy();
});

我试图使用名为antiPick的布尔值来将对手选项与挑选的角色分开。

问题是：当我选择Girl作为拾取角色时，它使用敌人功能（变成红色而不是蓝色）而不是选择器功能。我只想让敌人的功能在用户没有选择的字符上运行。

感谢任何帮助！

HTML供参考：

RPG游戏

<body>
    <button id="boybutton">
        <div id="boy">
            <div id="boyName">Boy</div>
            <div id="boyHP">HP:
            <div id="boyHealth"></div>
        </div>
    </div>
</button>
<button id="girlbutton">
    <div id="girl">
        <div id="girlName">Girl</div>

        <div id="girlHP">HP:
            <div id="girlHealth"></div>
        </div>
    </div>
</button>
<button id="bossbutton">
    <div id="boss">
        <div id="bossName">Boss</div>
        <div id="bossHP">HP:
            <div id="bossHealth"></div>
        </div>
    </div>
</button>

Jquery / Javascript：使用布尔值来确定if语句

0 个答案: