按钮在第一个和第二个范围内增加1个值-JavaScript

我希望按钮在第一和第二范围内增加1个值，在第一和第二范围内减少1个值

我的代码：

函数运行（）{
var one=document.getElementById（“range1”）.value；
document.getElementById（'out1'）。value=1；
var two=document.getElementById（“range2”）.value；
document.getElementById（'out2'）。值=2；
}

20
37


+-



+：在它们两个上增加1个值
-：两个上的减量值均为1
和实时更改

这是代码。向按钮添加单击事件，并根据需要增加或减少值

函数运行（）{
var one=document.getElementById（“range1”）.value；
document.getElementById（'out1'）。value=1；
var two=document.getElementById（“range2”）.value；
document.getElementById（'out2'）。值=2；
}
函数setNewValue（val）{
var r1=document.getElementById（“range1”）；
r1val=parseInt（r1.value）+val；
如果（r1val>=0&&r1val=0&&r2val
函数运行（）{
var one=document.getElementById（“range1”）.value；
document.getElementById（'out1'）。value=1；
var two=document.getElementById（“range2”）.value；
document.getElementById（'out2'）。值=2；
}
函数plus（）{
document.getElementById（“range1”）.value++；
document.getElementById（“range2”）.value++；
run（）；
}
函数负（）{
document.getElementById（“range1”）.value--；
document.getElementById（“range2”）.value--；
run（）；
}

20
37


+-



+：在它们两个上增加1个值
-：两个上的减量值均为1
如果您需要使用jQuery的简单解决方案，请使用live change
：


$（“#更多”）。单击（函数（）{
$（'#range1'）.val（parseInt（$（'#range1'）.val（））+1）；
$（'#out1'）.text（$（'#range1'）.val（））；
$（'#range2'）.val（parseInt（$（'#range2'）.val（））+1）；
$（'#out2'）.text（$（'#range2'）.val（））；
});
$（'#less'）。单击（函数（）{
$（'#range1'）.val（parseInt（$（'#range1'）.val（））-1）；
$（'#out1'）.text（$（'#range1'）.val（））
$（'#range2'）.val（parseInt（$（'#range2'）.val（））-1）；
$（'#out2'）.text（$（'#range2'）.val（））
})；

20
37


+
-


+：在它们两个上增加1个值
-：两个上的减量值均为1
和live change
最佳答案，但当我将html代码放入表单时，当我单击页面时，将在html中使用
type=“button”
设置按钮。这将阻止按钮的默认操作，即
submit
表单（使页面重新加载）这也很好，但我想要像第一个答案这样的简单代码。也许其他人会从我需要的答案中受益，我在另一个时间。这也很好，但我想要像第一个答案这样的简单代码。也许其他人会从我需要的答案中受益，我在另一个时间