Доработка кода, простые математические функции и инпуты

400 руб. за проект
01 октября 2019, 14:55 • 3 отклика • 42 просмотра
Оплата по факту выполнения!

Все просто в режиме реального времени получить значения инпутов range (ползунки) и сосчитать по такой формуле:

вода = ( масса * 0,04 ) + ( время * гендер ) + 80 - ( возраст * 0,05 )
найти значение вода и вывести его jquery в #result

пишите мне в
вк x2bark
телегу @x2bark

//html bootstrap 4.3

<div class="form-group range-slider">
<label for="sliderAge">Ваш возраст: </label><span>28</span>
<input value="28" type="range" class="custom-range" min="1" max="80" id="sliderAge">
</div>
<div class="form-group range-slider">
<label for="sliderWeight">Ваш вес: </label><span>70</span>
<input value="70" type="range" class="custom-range" min="5" max="120" id="sliderWeight">
</div>
<div class="form-group range-slider">
<label for="sliderActive">Физическая активность в часах: </label><span>2</span>
<input value="2" type="range" class="custom-range" min="1" max="10" id="sliderActive">
</div>
<div class="mb-3">
<div class="custom-control custom-radio d-inline mr-3">
<input class="custom-control-input" type="radio" name="sRadio" id="sRadioMan" value="1" checked>
<label class="custom-control-label" for="sRadioMan">
Мужской
</label>
</div>
<div class="custom-control custom-radio d-inline ">
<input class="custom-control-input" type="radio" name="sRadio" id="sRadioWoman" value="2">
<label class="custom-control-label" for="sRadioWoman">
Женский
</label>
</div>
</div>
</form>
<span id="result">

//js

$('.range-slider').on('input change', 'input[type="range"]', function() {
var varVar = $(this).val();
$(this).prev().text(varVar);
});
Отзывы
Avatar r50 a6ce93fe35b158fd29ba0e8681c918c22117160e9586a56eee4ffbc20df9bda1
Заказчик
Норм! Сделал доработку за пару минут. Рассчитывал дольше. Остался доволен.
~ 5 лет назад
R50 02b3e66054e4c638e1704a5899a904f2
Фрилансер
 
~ 5 лет назад