如何使滑块位置由文本域值java摇摆

<input type="text" id="textfield" value="0" />
<input type="range" id="slider" min="0" max="100" />

<script>
    // 获取文本域和滑块的引用
    var textfield = document.getElementById("textfield");
    var slider = document.getElementById("slider");

    // 监听文本域值的变化
    textfield.addEventListener("input", function() {
        // 将文本域的值转换为数值，并限制在滑块的范围内
        var value = parseInt(textfield.value);
        if (value < parseInt(slider.min)) {
            value = parseInt(slider.min);
        } else if (value > parseInt(slider.max)) {
            value = parseInt(slider.max);
        }

        // 更新滑块位置
        slider.value = value;
    });

    // 监听滑块位置的变化
    slider.addEventListener("input", function() {
        // 更新文本域的值为滑块的位置
        textfield.value = slider.value;
    });
</script>