Html 无法将滑块输入设置为最大值

我们无法将滑块设置为此特定输入的最大值。我们有没有办法用javascript处理这个问题

<input type="range" min="2" max="10" step="3" />

---

我已修改滑块，以便在

2

、

5

、

8

或

10

处捕捉到位，并已将滑块的默认值设置为

2

。滑块旁边还有标记，以便用户可以看到哪些值有效

JavaScript通过将滑块的值四舍五入到序列

2

、

5

、

8

和

11

中最接近的数字来工作。由于滑块仅上升到

10

，当它尝试将其四舍五入到

11

时，它会自动将其上限设置为

10

我已经提供了一个。

const slider=document.getElementById（“slider”）；
slider.addEventListener（“更改”，函数（）{
设四舍五入=（数学四舍五入（（this.value-2）/3）*3）+2；
slider.value=四舍五入；
});

为什么必须从
2
开始，在
3
中上升，最多只有
10
？假设我也可以从外部设置滑块值，例如使用数字输入。如果用户在滑块更改为
10
后尝试更改滑块，是否希望滑块遵守属性？我希望能够将滑块值设置为10。因此，您希望它符合以下要求：是否可以设置为2、5、8和10？