Как поменять выходное значение ползунка?

Question

[bbruh]

Есть некий код, он представляет собой ползунок, при перемещении которого значение выводится с помощью Js в .
Реализовано через input type="range". Как вместо значений 1 2 3 4, заставить его применять значения Легко Средне Непросто Сложно? Это реализуется через переменные в JS?

<div class="ctrl">
   <span id="view">0</span>
   <input id="num" type=number min="1" max="4" step="1" value="0"  style="display: none;">
   <input id="range" type="range" min="1" max="4" step="1" value="0">
</div>

const num = document.getElementById('num');
const rng = document.getElementById('range');
const view = document.getElementById('view');
const goods = document.querySelectorAll('.good');
const set = val => {
  num.value = val;
  rng.value = val;
  view.textContent = val;
  [...goods].forEach(good => {
    const options = good.querySelectorAll('.option');
    [...options].forEach(option => {
      option.style.display = val >= +option.dataset.from ? 'block': 'none';
    });
  });
}
rng.addEventListener('input', () => set(rng.value));
num.addEventListener('change', () => set(num.value));

Comments

[FeST1VaL]

Так просто проверяйте цифру и выводите свои слова в зависимости от цифры

[bbruh]

FeST1VaL, Дело в том, что я полный ноль в Js. Как это реализовать на коде? Я понимаю, что если "1" то вывести "легко", но не знаю, как это написать(

Answer 1

[IIIu6ko]