javascript - 从范围 slider javascript更新输入获取变量？

Question

我有一个 HTML 范围 slider 通过 javascript 更新的值。我需要在 javascript 中获取这个数字作为变量。我怎样才能做到这一点？这是我目前所拥有的。

<form class="daysAR"
<label for="days">Days</label><br />
<input type="range" min="0" max="31" value="15" id="days" step="1" oninput="accountsRecievableSlider(value)">
<output for="days" id="daysInAR">15</output>
</form>

Javascript

function accountsRecievableSlider(AR) {
document.querySelector('#daysInAR').value = AR;
}

这就是我尝试获取变量失败的原因。

var selectday = document.querySelector('#daysInAR').value
document.write(selectday);

谢谢。

Answer 1

您还没有关闭 form 标签。尝试粘贴这是一个空的 HTML:

<form class="daysAR">
    <label for="days">Days</label><br />
    <input type="range" min="0" max="31" value="15" id="days" step="1" oninput="accountsRecievableSlider(value)">
    <output for="days" id="daysInAR">15</output>
</form>


<script type="text/javascript">
function accountsRecievableSlider(AR) {
    document.querySelector('#daysInAR').value = AR;
    var selectday = document.querySelector('#daysInAR').value
    console.log(selectday);
}
</script>

为我工作