Javascript游戏投注

时间:2015-02-20 16:06:01

标签: javascript html css

简单的游戏只是为玩家银行计算代码
HTML / CSS是:

<textarea id="betAmount" class="dice"></textarea> <div id="bank" class="dice"></div><p>Bank</p> <button onclick="Plant()">Plant!</button>

JavaScript是

function Plant(){
var betAmount = document.getElementById("betAmount").value;
var bank = document.getElementById("bank").value;
document.getElementById('bank').innerHTML = bank - betAmount;
}

我也试过将代码传递给另一个变量,但它似乎也没有用。

2 个答案:

答案 0 :(得分:2)

您的问题非常令人困惑,但显然您正试图取消赌注在银行中的价值。所以我会尽力帮助你。

您的代码的问题是:div没有价值,因此您在第二行收到undefined,结果导致NaN

我的建议是:更改div span(不要使用div保存值)并查找innerText以使其正常工作。

HTML:

<input type="text" id="betAmount" class="dice" />
<p>Bank value:<span id="bank" class="dice">15</span></p>
<button onclick="Plant()">Plant!</button>

JS:

function Plant() {
    var betAmount = document.getElementById("betAmount").value;
    var bank = document.getElementById("bank").innerText;
    document.getElementById('bank').innerText = bank - betAmount;
}

JSFiddle:http://jsfiddle.net/g2ut401g/

尝试一下,让我知道它是否有帮助!

答案 1 :(得分:0)

我通过稍微改变HTML来找到解决方案

<textarea id="betAmount" class="dice"></textarea>
<textarea id="bank" class="dice">50000</textarea>

然后JS到

bank.value = bank.value - betAmount;

感谢您的回复