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

How can i modify a input number field by click of a button in javascript?

本文关键字：修改 输入 数字 字段 按钮 何通过 单击 javascript      更新时间：2024-03-24

我试图在点击按钮时增加输入文本字段中的值，但老实说，我不知道正确的方法，因为我是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;">

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

Input标记没有innerHTML；如果要重新分配输入中的文本，请使用value属性。

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

您必须使用设置值

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

你可以试试这个：

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;">

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

相关文章：