如何将我的范围滑块最大值设置为窗口宽度/10

Question

如何使范围滑块的最大值为窗口宽度/10，如下所示：
<input type="range" min="0" max="100vw/10"
以前我在代码中包含的内容是：

<input type="range" id="rangeSlider" min="0" max="100">
<p id="p"></p>
<button id="getValueButton>Get Value</button>

let rangeSlider = document.querySelector("#rangeSlider");
let p = document.querySelector("#p");
let getValueButton = document.querySelector("#getValueButton");
getValueButton.onclick = function() {
p.innerHTML = `${rangeSlider.value * 12.5} pixels from the left`;
}

let rangeSlider = document.querySelector("#rangeSlider");
let p = document.querySelector("#p");
let getValueButton = document.querySelector("#getValueButton");
getValueButton.onclick = function() {
p.innerHTML = `${rangeSlider.value * 12.5} pixels from the left`;
}

<input type="range" id="rangeSlider" min="0" max="100">
<p id="p"></p>
<button id="getValueButton">Get Value</button>

Answer 1

您可以这样设置最大值：

document.getElementById('rangeSlider').max = window.screen.width / 10