[TheSanches]

Доброго времени суток, делаю простую программу по расчету числа, исходя из значения value ползунка.

Возникла проблема, число считается не верно, и когда ползунок стоит в начальном положении (value = 0), итоговая сумма !=0, более того, если ползунок двигать несколько раз, итоговая сумма постоянно разная.

Однозначно я начудил в коде, но не могу пофиксить, подскажите что нужно сделать, чтобы расчет был верным.

Спасибо.

<div class="inps">
    <label for="power">
      <p>Мощность</p>
        <input type="text" id="power" class="inp power" oninput="changeInp()">
    </label>
    <label for="cost">
        <p>Стоимость</p>
        <input type="text" id="cost" class="inp cost" oninput="changeRange(), changeInp()">
    </label>
  </div>

  <input id='range' class='range' type="range" min="0" max="9999" step="100" value="0" oninput="changeRange()">

function changeRange() {
  var range = document.getElementById('range');
  var power = document.getElementById('power');
  var cost = document.getElementById('cost');
  var sum = 0;

  sum = power.value * 3.30;
  

  power.value = range.value;
  cost.value = (sum).toFixed(2);
}

function changeInp() {
  var range = document.getElementById('range');
  var power = document.getElementById('power');
  var cost = document.getElementById('cost');
  var sum = 0;

  sum = power.value * 3.30;
  range.value = power.value;
  cost.value = (sum).toFixed(2);

}