Javascript 游戏投注

Posted 2023-03-06

【中文标题】Javascript 游戏投注

【英文标题】：Javascript Game Betting

【发布时间】：2015-04-22 09:14:14

【问题描述】：

简单的游戏，只是为玩家银行找出代码 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;

我也尝试通过另一个变量传递代码，但它似乎也不起作用。

【问题讨论】：

div 元素没有 value 属性 - 它们有 innerHTML 或 innerText

问题是什么？你想达到什么目的？

您对此有疑问吗？函数第二行的错误是否导致它失败？你收到NaN 控制台错误吗？

【参考方案1】：

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

你的代码的问题是：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/

试一试，如果有帮助，请告诉我！

【讨论】：

非常感谢！我看起来最终稍微改变了html，然后想出了上面的解决方案

嗯，您的解决方案确实有效，但您认为将银行价值保存在文本区域（用户可以在其中进行更改）中是个好主意吗？

【参考方案2】：

我想出了一个解决方案，将 HTML 稍微更改为

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

然后是JS到

bank.value = bank.value - betAmount;

感谢回复