如何通過單擊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/