Javascript 如何自动调整API输入的范围？

我正在开发一个通过API控制灯具的滑块

如果我想知道装置的状态，我可以从API请求它。这将返回一个介于0和100之间的值。此值可能会更改，因为有人在不同的位置操作灯。使用JavaScript，我可以通过轮询API在文本框中获取该值。但是我不能用范围滑块完成它。这个不能动。谁能帮我完成这件事？当然，没有提交页面

为了完成下面的示例，我将API更改为一个PHP文件，其中包含一个简单的代码，实际执行的操作与此完全相同

random.php

我的脚本

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
let url="http://127.0.0.1/random.php"
async function refreshh() {
    btn.disabled = true;
    document.getElementById("rangeInput").value = await(await fetch(url)).text();
    document.getElementById("amount").value = await(await fetch(url)).text();
    setTimeout(refreshh,3000);}
document.addEventListener("DOMContentLoaded", function() {
    refreshh();
});
</script>
<button hidden="" id="btn" onclick="refreshh()"> </button>
<input id="rangeInput" type="range"  min="0" max="100" oninput="amount.value=rangeInput.value" />
<input id="amount" type="text"  oninput="rangeInput.value=amount.value" />

让url=”http://127.0.0.1/random.php"
异步函数refresh（）{
btn.disabled=true；
document.getElementById（“rangeInput”）.value=await（await-fetch（url））.text（）；
document.getElementById（“amount”）.value=await（await-fetch（url））.text（）；
setTimeout（刷新，3000）；}
document.addEventListener（“DOMContentLoaded”，function（））{
refreshh（）；
});

输出是“文本”框起作用，但滑块不起作用

我希望有人能帮助我

---

干杯。

我自己已经想好了。问题是我无法将文本值解析为滑块，它必须是INT

let url=”http://127.0.0.1/random.php";
异步函数refresh（）{
btn.disabled=true；
var result=await（await-fetch（url））.text（）；
document.getElementById（“rangeInput”）.value=parseInt（结果）；
document.getElementById（“金额”）.value=结果；
setTimeout（刷新，3000）；}
document.addEventListener（“DOMContentLoaded”，function（））{
refreshh（）；
});