@msgor86

Как вывести значение сложения 2х переменных в js?

В нижнем диве, там где итог, нужно вывести значение сложения 2х переменных при изменении значений любого из слайдеров. Пожалуйста, помогите.

<div class="row mb-3">
        <div class="form-group col-md-12">
        <p class="badge badge-warning">Рыночная стоимость автомобиля</p>
        <div class="d-flex justify-content-center my-4">
        <span class="font-weight-bold indigo-text">200000</span>
        <input type="range" class="custom-range" min="200000" max="3000000" step="50000" id="range1" value="200000"/>
        <output id="ong" for="range1">0</output>
        <span class="font-weight-bold indigo-text">3 000 000</span>
        </div>
        </div>
    </div>

    <div class="row mb-3">
        <div class="form-group col-md-12">
        <p class="badge badge-warning">Пробег</p>
        <div class="d-flex justify-content-center my-4">
        <span class="font-weight-bold indigo-text">1</span>
        <input type="range" class="custom-range" min="1" max="30" step="1" id="range2" value="1"/>
        <output id="ong2" for="range2">0</output>
        <span class="font-weight-bold indigo-text">30</span>
        </div>
        </div>
    </div>


                            <div class="row mb-3">
                                <div class="form-group col-md-12">
                                    <h1 id="time">Итог - <div id="calc"></div> </h1>  
                                </div>
                            </div>

</div>


// функция бегунка, изменение значения при изменении положения
$(function() {
var el;
$("#range1").change(function() {
el = $(this);
el
.next("#ong")
.text(el.val());
})
.trigger('change');
});

// функция бегунка2, изменение значения при изменении положения
$(function() {
var el;
$("#range2").change(function() {
el = $(this);
el
.next("#ong2")
.text(el.val());
})
.trigger('change');
});

// все переменные
var
valueran1, valueran2, valuecalc;


// сопоставление переменных с id в HTML
valueran1= jQuery ("#range1").val();
valueran2= jQuery ("#range2").val();

// конвертация в числа
valueran1= parseInt(valueran1);
valueran2= parseInt(valueran1);


// подсчёт результатов
valuecalc = valueran + valueran2;

// вывод
  • Вопрос задан
  • 234 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы