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

时间:2015-04-28 19:48:28

标签: javascript html function balance

我有一个函数可以为我生成一个随机数,我自己设置了2个值。这是代码。

<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 =&#34; funtion();&#34;这会将生成的数字添加到当前余额,然后显示新的余额。

提前感谢您的帮助:)

1 个答案:

答案 0 :(得分:2)

您可以使用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;