Javascript 使用空格输入范围，也可以输入值

马上谢谢你的帮助

让rangeValueElement=document.querySelector（“#range”）；
让shippingValueElement=document.querySelector（“#shipping”）；
函数计算发货（价格）{
const priceShippingRelation={
1: 43.51,
2: 47.05,
3: 50.61,
4: 54.15,
5: 57.71,
6: 61.25,
7: 64.81,
8: 68.35,
9: 71.91,
10: 75.45,
11: 79.31,
12: 83.15,
13: 87.01,
14: 90.85,
15: 94.71,
16: 98.55,
17: 102.41,
18: 106.25,
19: 110.11,
20: 113.95,
21: 117.81,
22: 121.65,
23: 125.51,
24: 129.35,
25: 133.21,
26: 137.05,
27: 140.91,
28: 144.75,
29: 148.61,
30: 152.45,
31: 158.31,
32: 160.15,
33: 164.01,
34: 167.85,
35: 171.71,
36: 175.55,
37: 179.41,
38: 183.25,
39: 187.11,
40: 190.95,
/* ... */
42: 136,
/* ... */
65: 220
};
退货价格发货关系[价格]；
}
document.querySelector（'input#valR'）。addEventListener（'change'，showVal）；
函数showVal（）{
rangeValueElement.innerText=this.value；
shippingValueElement.innerText='优先邮件（FRET）：$'+计算发送（this.value）；
}
console.log（calculateShipping（3））；

1.
分类群FS连接：$15.00
优先邮件（FRET）：43.51

Java？你确定吗？看起来更像JavaScriptMake

rangeValueElement

一个输入元素，并将第二个eventListener附加到该元素上，这样，如果在那里输入一个数字，范围滑块就会相应地更新。您能解释得更好吗？我需要哪种代码？