如何通过点击javascript中的按钮来修改输入数字字段？

Question

我想在点击一个按钮时增加输入文本字段的值，但说实话我不知道正确的方式因为我是javascript的新手。 我做了这么多。

function input1()
{
    var x = document.getElementById("box").value;
    document.getElementById("box").innnerHTML= x*10+1 ;
}

但它不起作用。 这是输入字段的html。

<input type="number" name="display" id="box"style="height:55px;font-size:25px;text-align:end;">

Answer 1

function input1()
{
    var x = +document.getElementById("box").value;
    document.getElementById("box").value= x*10+1 ;
}

Answer 2

输入标签没有innerHTML; 如果要在输入中重新分配文本，请使用value属性。

function input1()
{
    var x = document.getElementById("box").value;
    document.getElementById("box").value = x * 10 + 1;
}

Answer 3

您必须使用设置值

document.getElementById("box").value = x*10+1 ;

Answer 4

你可以试试这个：

function input1() {
    var box = document.getElementById("box");
    box.value = box.value * 10 + 1;
}

另外，我在HTML中添加了“value = 0”：

<input type="number" name="display" id="box" value="0" style="height:55px;font-size:25px;text-align:end;">