Показать сообщение отдельно
  #7 (permalink)  
Старый 17.06.2019, 16:53
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Как-то так?
<div class="inps">
    <label for="power"><p>Мощность</p></label>
    <input type="number" id="power" class="inp power" min="0" max="10000" step="100" value="0">
    <input id='range' class='range' type="range" min="0" max="10000" step="100" value="0" >

    <label for="cost"><p>Стоимость</p></label>
    <input type="text" id="cost" class="inp cost" >
</div>

<script>
var range = document.getElementById('range'),
     power = document.getElementById('power'),
     cost = document.getElementById('cost'),
     sum = 0;
     
document.querySelector("div.inps").addEventListener("input", function(e) {
   console.log(e.target.id);
   if (e.target.id == "range") power.value = range.value;
   if (e.target.id == "power") range.value = power.value;
   
   sum = power.value * 3.30;
    cost.value = (sum).toFixed(2);
});
</script>
Ответить с цитированием