使用按钮添加到变量

Question

我有一个带有 javascript 变量和一个按钮的脚本，现在每次我按下这个按钮我都希望变量增加一，我已经尝试过，正如你在下面的脚本中看到的那样，但是有一些问题，数字不显示，每次单击按钮时数字都没有加一，怎么了？

javascript:

var nativeNR = 1;

function addOne() {
    nativeNR = nativeNR + 1;
}

html:

<form id="form">
    <input style="width: 500px;" type="add" id="plusButton" onclick="addOne();" />
</form>

current amount <span id="nativeNR"></span>

Answer 1

在您的情况下，每次单击时数字都会增加 1。但是，您没有在跨度中显示它。为此，您可以引用该元素并将 nativeNR 设置为它。

你的方法应该是这样的

var nativeNR = 1;

function addOne() {
  nativeNR = nativeNR + 1;
  document.getElementById("nativeNR").innerHTML = nativeNR;
}

<form id="form">
    <input style="width: 500px;" type="button" id="plusButton" onclick="addOne();" />
</form>

也没有输入type="add"应该是type="button"

var nativeNR = 1;
document.getElementById("nativeNR").innerHTML = nativeNR

function addOne() {
    nativeNR = nativeNR + 1;
    document.getElementById("nativeNR").innerHTML = nativeNR;
}

<form id="form">
    <input style="width: 500px;" type="button" id="plusButton" value="add" onclick="addOne();" />
</form>

current amount <span id="nativeNR"></span>

Answer 2

您必须使用 javascript 才能将该号码实际放入 DOM。另外，确保函数 addOne 不在 onload 包装器中；它需要在 DOM 本身中，并在调用它的 input 元素之前声明。

函数如下所示：

var nativeNR = 1;

function addOne() {
    nativeNR = nativeNR + 1;
    document.getElementById('nativeNR').innerHTML = nativeNR;
}

这是一个JSFiddle

Answer 3

您还需要将数字写入跨度，现在只需将其添加到内存中的变量即可：

document.getElementById('nativeNR').innerHTML = nativeNR;

此外，您可能希望将输入类型更改为 "button"。

使用按钮添加到变量

Add to variable with a button

html

javascript

variables

numbers

add