Question

我正在尝试创建一个$user['name']来修改输入字段中的数字。

示例：

JavaScript

然后是一个带有<input value="0">点击功能的简单按钮或div。

JavasSript

点击按钮后：

<button>Add +10</button>

有人有一个我可以阅读和学习创建的地方，或任何让我入门的提示。我知道<input value="10">很少，但我想学习。

Answer 1

试试这个或fiddleLink。

ParseInt有助于将字符串值转换为数字并添加它们而不是连接。如果你还有一些麻烦，请告诉我。

＆＃13;

var tag1Elem = document.getElementById("tag1");
// The callback function to increse the value.
function clickFN() {
    tag1Elem.value = parseInt(tag1Elem.value, 10) + 10;
  }
  // Reset the value back to 0

function resetFN() {
    tag1Elem.value = 0;
  }
  // Callbacks can be attached dynamically using addEventListener
document.getElementById("btn").addEventListener("click", clickFN);

document.getElementById("reset").addEventListener("click", resetFN);

＆＃13;

#wrapper {
  margin: 20px;
}

＆＃13;

<p>This is a basic tag input:
  <input id="tag1" value="0" />
  <button type="button" id="btn">Add +10</button>
  <button type="button" id="reset">Reset</button>
</p>

＆＃13;

Answer 2

您可以尝试this

<input value="0" id="id">

为输入字段

提供ID 按钮上的

单击调用函数

<button onclick="myFunction()">Add +10</button>

<script>
    function myFunction() {
        document.getElementById("id").value = parseInt(document.getElementById("id").value) +10;
    }

</script>

Answer 3

您可以使用this

等点击计数器

并使用+= 1替换+= 10进行编辑。这是我的代码，

＆＃13;

var input = document.getElementById("valor"),
    button = document.getElementById("buttonvalue");
    var clicks = 0;

button.addEventListener("click", function()
                        {
          clicks += 10;
        input.value = clicks;
});

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Script</title>
</head>
<body>
<input id="valor" value="0">
<button id="buttonvalue">10</button>
</body>
</html>

＆＃13;

Javascript，div在输入字段中单击多个数字

3 个答案: