Доработка кода, простые математические функции и инпуты
400 руб. за проект
Оплата по факту выполнения!
Все просто в режиме реального времени получить значения инпутов 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);
});
Все просто в режиме реального времени получить значения инпутов 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);
});
Отзывы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.