Question

这是我第一次提问。我正在尝试创建一个程序，其中有一些插槽就像一个库存（你知道我在说什么，如果你玩过Minecraft），如下所示。我也有一张桌子就像一个商店。

 <p><b>Money:</b></p>
<p id="moneytext">$5500</p>

<p><b>Weapons:</b></p>

<table style="width:140px">

    <tr>
        <td onclick="myFunction()">Dagger</td>
        <td>$50</td>
    <tr>
        <td onclick="myFunction2()">Battle Axe</td>
        <td>$300</td>
    </tr>
    <td onclick="myFunction3()">Bow</td>
    <td>$500</td>
    <tr>
        <td onclick="myFunction4()">Crossbow</td>
        <td>$700</td>
    <tr>
        <td onclick="getSword()">Sword</td>
        <td>$1,000</td>
    </tr>

</table>

 <table>
    <tr>

        <td>
            <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
        </td>

        <td>
            <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
        </td>

        <td>
            <div id="div3" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

        </td>

        <td>
            <div id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
        </td>

        <td>
            <div id="div5" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
        </td>

    </tr>
</table>

单击剑时，它会在您的清单中为您提供剑形图像。

function minusAnyNumber(minusNumber) {
    money = money - minusNumber;
    document.getElementById("moneytext").innerHTML = "$" + money;
}

function getSword() {
    if (money >= 1000) {
        checkInventory4Sword();
        minusAnyNumber(minus1000);
    }
}

现在我想检查第一个插槽中是否有剑。如果没有我在那里放剑。如果已经有一把剑，我将它放在第二个插槽中。

var div1iHTML = document.getElementById("div1").innerHTML;
var div2iHTML = document.getElementById("div2").innerHTML;
var divoccupied = '<img src="http://www.rw-designer.com/icon-view/5542.png" draggable="true" ondragstart="drag(event)" id="drag1" width="20" height="20">';

function checkInventory4Sword()
{
    if (div1iHTML == divoccupied)
    { div2Place(); }
else (document.getElementById("div1").innerHTML = '<img src="http://www.rw-designer.com/icon-view/5542.png" draggable="true" ondragstart="drag(event)" id="drag1" width="20" height="20">');
}

function div2Place()
{
    document.getElementById("div2").innerHTML = '<img src="http://www.rw-designer.com/icon-view/5542.png" draggable="true" ondragstart="drag(event)" id="drag1" width="20" height="20">';
}

无论我改变什么，它都不会执行if语句，并且始终将剑放入第一个插槽。当第一个插槽中没有剑时，我也在第二个插槽中放了几把剑。我不知道我做错了什么。你能告诉我吗？

测试div的innerHTML

0 个答案: