How to display the values ​​of the slider not in numbers, but in letters?

I move the slider and I write a lot instead of the number 300. example values:

1 = очень мало 10 = уже больше 50 = так гораздо лучше 100 = другое дело 300 = хочу много

There is such code:

 <script> function outputUpdate(vol) { document.querySelector('#volume').value = vol; } </script> <div class="toddler_item"> <p> <label for=range_boy>Красивые девушки: </label> <output for=range_boy id="volume" >не выбрано</output>чел. </p> <div class="left_line"> <input id="range_boy" type="range" min="1" max="500" step="1" value="1" onchange="outputUpdate(value)"> </div> </div>
  • Many things? jsfiddle.net/qcyet2vh/1 - korytoff
  • Well, for example, you moved the slider to 1 and where the text is not written, he writes that very little was moved to 10, the value has changed to more - Malyshev
  • Use an array with the desired values ​​and check the conditions - korytoff
  • can you give an example ?? - Malyshev

1 answer 1

 function outputUpdate(vol) { if(vol < 30){ document.querySelector('#volume').value = 'вы выбрали очень мало'; } else {} }