处理实时输出时出现NaN问题

Question

我是编码的新手，目前我要显示的一些数字存在一些问题。我有一个input type ='range'滑块，我想显示所选数字的实时输出，但实时输出只是显示为NaN。

<div id='tierslider'>
    <form oninput="x.value=parseInt(tierslider.value)">
           <span>500</span>
           <input type='range' min='500' max='5000' value='500'>
           <span>5000</span>
           <output id='tierslider2' name='x'></output>
    </form>
</div>

Answer 1

id'tierslider'属性放置错误。需要将其放置在输入元素中

<form oninput="x.value=parseInt(tierslider.value)">
       <span>500</span>
       <input type='range' id='tierslider' min='500' max='5000' value='500'>
       <span>5000</span>
       <output id='tierslider2' name='x'></output>
</form>