глобальные переменные хранят значение ползунка диапазона

Question

Я новичок в использовании JavaScript, и я изучал, как хранить значения ползунка диапазона в глобальных переменных.Я пробовал много разных способов в попытке отобразить значения моей глобальной переменной, но ничего не получилось.Прилагаются фрагменты моего кода.

   var slider01 = document.getElementById("textInput01").value;
   var slider02 = document.getElementById("textInput02").value;

<div class="slidecontainer">
<b>Slider 1:</b><input type="range" name="rangeInput01" id="rangeInput01" step=".01" min="0" max=".1" onchange="textInput01.value=value">
Value: <output id="textInput01"></output><br />

<b>Slider 2:</b> <input type="range" name="rangeInput02" id="rangeInput02" step=".01" min="0" max=".1" onchange="textInput02.value=value">
Value: <output id="textInput02"></output><br />
</div>
                        
This is where I'm testing <span id="slider01"></span><br/>
This is where I'm testing <span id="slider02"></span>

Answer 1

Вы должны сделать что-то вроде этого:

<b>Slider 1:</b><input type="range" name="rangeInput01" id="rangeInput01" step=".01" min="0" max=".1" onchange="setSpanValue('slider01', this.value)">

А в JS:

function setSpanValue(id, value){
  document.getElementById(id).innerHTML = value;
}