есть код
<div class="slidecontainer">
<input type="range" min="1" value="1" step="1" class="slider" id="myRange3" max="22" list="tickmarks">
<datalist id="tickmarks">
<option value="1" ></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
<option value="5"></option>
<option value="6"></option>
<option value="7"></option>
<option value="8"></option>
<option value="9"></option>
<option value="10"></option>
<option value="11"></option>
<option value="12"></option>
<option value="13"></option>
<option value="14"></option>
<option value="15"></option>
<option value="16"></option>
<option value="17"></option>
<option value="18"></option>
<option value="19"></option>
<option value="20"></option>
<option value="21"></option>
<option value="22"></option>
</datalist>
<p class="input-content"><span id="slide-pag"></span> <span class="year">2021</span></p>
</div>
как в id="slide-pag вывести не значение value, а другую цифру, например если value=1, то выводиться 1649, если value=2, то выводиться 1700
(выводить value понимаю как, с другое нет)