如何增加输入字段的值?

容戈夫

困扰了我一段时间的东西,总是让我头疼。

我有一个带有数字值的输入字段

<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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Javascript增加/减少输入字段的值

来自分类Dev

如何在输入文本字段中添加或增加数字值?

来自分类Dev

AngularJS:增加输入的值

来自分类Dev

如何从输入字段中获取数字值?

来自分类Dev

如何通过Javascript获取输入字段的值?

来自分类Dev

fadeIn()值进入输入字段,如何?

来自分类Dev

如何使用jQuery清除输入字段值?

来自分类Dev

如何获取输入字段值JavaScript

来自分类Dev

如何从输入字段向javascript发送值

来自分类Dev

如何知道输入密码字段的值?

来自分类Dev

如何通过Javascript获取输入字段的值?

来自分类Dev

AngularJS-如何计算输入字段值

来自分类Dev

如何获取文本输入字段的值?

来自分类Dev

如何强制输入字段值验证?

来自分类Dev

如何使用解析值覆盖输入字段?

来自分类Dev

如何增加Firestore子收集文档字段的值?

来自分类Dev

Scala:如何在Monocle中增加字段值

来自分类Dev

如何:增加 GraphQL 中基于整数的字段的值

来自分类Dev

如何增加/减少Angular中多个输入的值

来自分类Dev

如何从输入值复制div并增加标签

来自分类Dev

用户输入后如何获取输入字段的值

来自分类Dev

在javascript的输入数字类型字段中输入值时,如何显示输入文本字段?

来自分类Dev

如何根据先前的字段值设置选择输入的值

来自分类Dev

我如何从单选按钮值的输入字段中保存值?

来自分类Dev

ASP .NET MVC如何使用@ Html.EditorFor增加输入字段的宽度

来自分类Dev

如何在XAML中为输入字段增加具有不同颜色的堆栈面板?

来自分类Dev

如何在Elasticsearch中基于输入字段获取字段的总和值(输入字段和总和输出字段不同)

来自分类Dev

如何增加属性值

来自分类Dev

如何增加旋转值

Related 相关文章

  1. 1

    使用Javascript增加/减少输入字段的值

  2. 2

    如何在输入文本字段中添加或增加数字值?

  3. 3

    AngularJS:增加输入的值

  4. 4

    如何从输入字段中获取数字值?

  5. 5

    如何通过Javascript获取输入字段的值?

  6. 6

    fadeIn()值进入输入字段,如何?

  7. 7

    如何使用jQuery清除输入字段值?

  8. 8

    如何获取输入字段值JavaScript

  9. 9

    如何从输入字段向javascript发送值

  10. 10

    如何知道输入密码字段的值?

  11. 11

    如何通过Javascript获取输入字段的值?

  12. 12

    AngularJS-如何计算输入字段值

  13. 13

    如何获取文本输入字段的值?

  14. 14

    如何强制输入字段值验证?

  15. 15

    如何使用解析值覆盖输入字段?

  16. 16

    如何增加Firestore子收集文档字段的值?

  17. 17

    Scala:如何在Monocle中增加字段值

  18. 18

    如何:增加 GraphQL 中基于整数的字段的值

  19. 19

    如何增加/减少Angular中多个输入的值

  20. 20

    如何从输入值复制div并增加标签

  21. 21

    用户输入后如何获取输入字段的值

  22. 22

    在javascript的输入数字类型字段中输入值时,如何显示输入文本字段?

  23. 23

    如何根据先前的字段值设置选择输入的值

  24. 24

    我如何从单选按钮值的输入字段中保存值?

  25. 25

    ASP .NET MVC如何使用@ Html.EditorFor增加输入字段的宽度

  26. 26

    如何在XAML中为输入字段增加具有不同颜色的堆栈面板?

  27. 27

    如何在Elasticsearch中基于输入字段获取字段的总和值(输入字段和总和输出字段不同)

  28. 28

    如何增加属性值

  29. 29

    如何增加旋转值

热门标签

归档