Используйте Range Slider в качестве вывода

Question

Как я могу иметь ползунок диапазона, показывающий результаты ввода?

Пример: если ввести его 5 X 5, как мне заставить Range Slider показать 25?

Answer 1

Если я правильно понимаю ваш вопрос, то вы можете программно установить значение элемента ввода ползунка "диапазон", установив его value поле вроде так:

const input = document.getElementById('my-input');

// Add keyup listener to input to allow interactive updates of
// range slider
input.addEventListener('keyup', function() {
  
  // Get range slider element
  const rangeSlider = document.getElementById('my-range-slider');
   
  // Set value of range slider from input value
  rangeSlider.value = input.value * input.value 
})

<p>Input</p>
<div>
<input id="my-input" />
</div>
<p>Output = Input x Input</p>
<div>
<span>0</span>
<input id="my-range-slider" type="range" min="0" max="1000" />
<span>1000</span>
</div>