Question

我有这个我正在尝试编写的资金管理系统，而且它工作不正常。钱被打印在右上方，但当我点击按钮更改值时，它不起作用。

HTML：

<div id="content">
<div id="money_count">$$MONEY$$</div>
<br>
<div id="items">
    <table>
        <tr>
            <td><a href="#">$12.19</a>
            </td>
            <td><a href="#">$15.00</a>
            </td>
        </tr>
        <tr>
            <td><a href="#">$24.99</a>
            </td>
            <td><a href="#">$35.50</a>
            </td>
        </tr>
    </table>
</div>
</div>

CSS：

#content {
font-family:Helvetica;
width:500px;
box-shadow:0px 0px 10px 0px #AAA;
top:30px;
margin:0px auto;
margin-top:40px;
padding:10px 20px;
border:dashed 2px #888;
}
#money_count {
    color:#0F0;
    padding:5px;
    text-shadow:0px 0px 1px #333;
    margin-right:0;
    margin-left:auto;
    margin-top:6px;
    width:100px;
    text-align:center;
}

table, th td {
    border:ridge 3px #AAA;
    box-shadow:0px 0px 6px 0px #AAA;
}
table {
    width:400px;
    margin-left:50px;
    margin-top:20px;
    margin-bottom:50px;
}
td {
    padding:4px;
    background-color:#CCC;
    text-align:center;
}
a, td {
    color:black;
    text-decoration:none;
    width:auto;
    height:100px;
}

使用Javascript：

var money = 500.27 - 0.27;
var moneyElement = document.getElementById("money_count");
moneyElement.innerHTML = money;

function updateMoney() {
    moneyElement.innerHTML = money;
}

function subtractMoney(amount) {
    money -= amount;
    updateMoney();
}

关于为何不更新右上角的货币价值的任何想法？

Answer 1

您需要将事件侦听器绑定到元素：

document.getElementById('button_id').addEventListener('onclick', updateMoney, false)

Javascript onClick功能不起作用

1 个答案: