Javascript,div,单击输入字段中的多个数字

Javascript,div,单击输入字段中的多个数字,javascript,html,Javascript,Html,我正在尝试创建一个JavaScript来修改输入字段中的数字 例如: <input value="0"> 单击按钮后: <input value="10"> 有没有人有我可以阅读和学习创建的地方,或者有什么建议让我开始。我对JavaScript知之甚少,但我想学习。你可以试试 为输入字段指定一个id 单击按钮调用函数 <button onclick="myFunction()">Add +10</button> <script&

我正在尝试创建一个
JavaScript
来修改输入字段中的数字

例如:

<input value="0">
单击按钮后:

<input value="10">

有没有人有我可以阅读和学习创建的地方,或者有什么建议让我开始。我对JavaScript知之甚少,但我想学习。

你可以试试


为输入字段指定一个id

单击按钮调用函数

<button onclick="myFunction()">Add +10</button>

<script>
    function myFunction() {
        document.getElementById("id").value = parseInt(document.getElementById("id").value) +10;
    }

</script>
Add+10
函数myFunction(){
document.getElementById(“id”).value=parseInt(document.getElementById(“id”).value)+10;
}
您可以试试


为输入字段指定一个id

单击按钮调用函数

<button onclick="myFunction()">Add +10</button>

<script>
    function myFunction() {
        document.getElementById("id").value = parseInt(document.getElementById("id").value) +10;
    }

</script>
Add+10
函数myFunction(){
document.getElementById(“id”).value=parseInt(document.getElementById(“id”).value)+10;
}
试试这个或

ParseInt有助于将字符串值转换为数字,并添加它们,而不是串联。如果你还有麻烦,请告诉我

var tag1Elem=document.getElementById(“tag1”);
//回调函数以增加值。
函数clickFN(){
tag1Elem.value=parseInt(tag1Elem.value,10)+10;
}
//将该值重置回0
函数resetFN(){
tag1Elem.value=0;
}
//可以使用addEventListener动态附加回调
document.getElementById(“btn”).addEventListener(“单击”,单击FN);
document.getElementById(“重置”).addEventListener(“单击”,重置fn)
#包装器{
利润率:20px;
}
这是一个基本的标记输入:
加上+10
重置

试试这个或

ParseInt有助于将字符串值转换为数字,并添加它们,而不是串联。如果你还有麻烦,请告诉我

var tag1Elem=document.getElementById(“tag1”);
//回调函数以增加值。
函数clickFN(){
tag1Elem.value=parseInt(tag1Elem.value,10)+10;
}
//将该值重置回0
函数resetFN(){
tag1Elem.value=0;
}
//可以使用addEventListener动态附加回调
document.getElementById(“btn”).addEventListener(“单击”,单击FN);
document.getElementById(“重置”).addEventListener(“单击”,重置fn)
#包装器{
利润率:20px;
}
这是一个基本的标记输入:
加上+10
重置

您可以使用单击计数器,如

并将其编辑为将
+=1
替换为
+=10
。 这是我的密码

var input=document.getElementById(“valor”),
button=document.getElementById(“buttonvalue”);
var=0;
addEventListener(“单击”,函数()
{
点击次数+=10次;
input.value=点击次数;
});

剧本
10

您可以使用单击计数器,如

并将其编辑为将
+=1
替换为
+=10
。 这是我的密码

var input=document.getElementById(“valor”),
button=document.getElementById(“buttonvalue”);
var=0;
addEventListener(“单击”,函数()
{
点击次数+=10次;
input.value=点击次数;
});

剧本
10

因此,这不是解决此类问题的合适场所,但请看一看,您是否希望为您的问题找到解决方案或找到学习JS的好教程/课程的技巧?我希望找到解决方案,我只是希望了解它的工作原理。因此,这不是解决此类问题的合适场所,但是看看,你想为你的问题或寻找学习JS的好教程/课程的技巧找到一个解决方案吗?我想要这个解决方案,我只是希望了解它是如何工作的。你好,谢谢你的快速回答。这似乎完成了一半的工作,是否可以在再次单击时再添加10。那么它达到了20、30等等?你好,谢谢你的快速回答。这似乎完成了一半的工作,是否可以在再次单击时再添加10。那么它达到了20,30等等?
<button onclick="myFunction()">Add +10</button>

<script>
    function myFunction() {
        document.getElementById("id").value = parseInt(document.getElementById("id").value) +10;
    }

</script>