困扰了我一段时间的东西,总是让我头疼。
我有一个带有数字值的输入字段
<input id="base-life" class="base-stats" type="number" name="base-life" value="20" readonly />
我正在用输入来获取输入字段的值
let charlife = document.getElementById('base-life');
我有一个要增加基本生活输入字段值的数字。这当然会根据其他因素动态变化,但假设是2
let increaseWith = 2;
在一个onclick函数中,我想通过2(base-life + 2)来增加它的基本寿命
function increase() {
charlife.value += increaseWith;
}
现在,这仅将2添加到输入字段的值中,使其变为202。我知道这在数字之一实际上是字符串时发生。也许是我的charlife。我尝试了一切,而且情况变得更糟。我尝试了parseInt(charlife.value)-不走运。我尝试了其他方法,但是没有用。而且我只有输入字段有这个问题。当该元素只是一个或另一个更简单的html元素时-所有这些都更容易实现。与JS如何解析输入字段有关。有人可以照亮吗?
let charlife = document.getElementById('base-life');
let increaseWith = 2;
function increase() {
value = parseInt(charlife.value);
value += increaseWith;
charlife.value = value;
}
<input id="base-life" class="base-stats" type="number" name="base-life" value="20" readonly />
<button onclick="increase()">Increase</button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句