如何通过单击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; 
} 

另外，我补充说： “值= 0” 到你的HTML：

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

https://jsfiddle.net/lemoncurry/xxyjoLa7/1/