JavaScript 将数字生成值添加到当前设置值上

Question

我有一个函数可以在我自己设置的两个值之间生成一个随机数。这是代码。

<script>
function coinsEarned(){
var worth = document.getElementById("Earned");
var coins=Math.floor(Math.random()*10000+1000);
Earned.value = coins;
}
</script>

这很完美。现在，我有一个代表用户余额的文本气泡，它对我来说也很完美。这是代码。

<input class="balance" id="Balance" type=text" value="20000" readonly/>

我想添加一个新按钮，单击该按钮会将上面找到的生成数字转移到 ^^ 上刚刚说明的余额文本上。我怎样才能最好使用 JavaScript 函数来实现这一点，这样当单击按钮时我将得到 onclick="funtion();"这会将生成的数字添加到当前余额中，然后显示新的余额。

提前感谢您的帮助:)

Answer 1

您可以使用value属性访问当前金额。

function coinsEarned(){
    var current = document.getElementById("Balance");
    var coins = Math.floor(Math.random()*10000+1000);
    current.value = +current.value + coins;
}

document.getElementById("MyButton").onclick = coinsEarned;