Javascript 如何将此滑块值链接到此<；p>；标签？

这段代码中的所有内容都按照我希望的方式运行，除了我不知道如何将滑块上的任何数字应用于

number

变量。如果你能给我任何帮助，我将不胜感激

var range=document.querySelector（'.inputRange'）；
var字段=document.getElementById（'num1'）；
range.addEventListener（'input'，函数（e）{
field.value=e.target.value；
});
field.addEventListener（'input'，函数（e）{
range.value=e.target.value；
});
var数=2000；
document.getElementById（“id”）.innerHTML=number.toLocaleString（'en'）；
var number2=数量；
如果（数字2>=10000）{
number2=数学四舍五入（+number+10）；
}
否则，如果（数字2>=5000）{
数字2=数学四舍五入（+数字+5）；
}
否则{
number2=数学四舍五入（+number+1）；
}
document.getElementById（“id2”）.innerHTML=number2.toLocaleString（'en'）


$
以下是工作代码：

基本上在
范围内。addEventListener
您没有更新#id2中的值

当前：

range.addEventListener('input', function (e) {
    field.value = e.target.value;
});

做它：

range.addEventListener('input', function(e) {
  field.value = e.target.value;

$（'#id2'）.html（e.target.value）；//添加这一行


var range=document.querySelector（'.inputRange'）；
var字段=document.getElementById（'num1'）；
var编号2=2001；
var numberHtml=document.getElementById（“id”）；
var number2Html=document.getElementById（“id”）；
range.addEventListener（'input'，函数（e）{
field.value=e.target.value；
SetNumberValue（字段值）；
});    
field.addEventListener（'input'，函数（e）{
field.value=e.target.value；
SetNumberValue（字段值）；
});
函数setNumberValue（字段值）
{
numberHtml.innerHTML=fieldValue.toLocaleString（'en'）；
如果（字段值>=10000）{
number2=数学四舍五入（+fieldValue+10）；
}
否则如果（字段值>=5000）{
number2=数学四舍五入（+fieldValue+5）；
}
否则{
number2=数学四舍五入（+fieldValue+1）；
}
document.getElementById（“id2”）.innerHTML=number2.toLocaleString（'en'）；
}


2000年

$2001
您有两个p标签，您指的是哪个p标签？对不起。在我的Javascript中，我有一个变量“var number=2000；”，最后它输出到第一个带有id=“id”的标记。我似乎不知道如何从滑块中获取值，用作var number的值。2000只是目前的占位符。谢谢你花时间帮忙！请测试一下我的代码片段，如果它不是你的意思，请向我解释。如果我没有很好地解释它，我很抱歉，我是编程新手。你做的几乎完美！尽管我希望更改的只是“var number=2000；”到“var number=slider/numberValue；”，这样滑块中或旁边的数字都将等于“var number”，因此我可以稍后使用“var number2”更改该数字。谢谢你的帮助，威尔斯！你的射程可以下降到1000，但我最初设定为2000/2001。这太完美了！尽管如此，我还是进行了测试，发现更改滑块旁边的数字不会像滑块那样对数字产生影响。我有什么办法可以解决这个问题吗？非常感谢你的帮助！
});