Тема: Зміна даних в полі
Доброго вам дня.
Пишу калькулятор, для інвестицій (не має).
Основний функціонал майже написав.
Таке питання, як зробити динамічну зміну результату при перетягування повзунка, що б функція для калькуляції змінювала число у відповідному полі в момент перетягування.
Ось код який я написав.
<script>
/*slider*/
$( function() {
$( "#slider" ).slider({
value:100000,
min: 100000,
max: 6000000,
step: 50000,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.value );
}
}
);
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
}
);
/*second-slider*/
$( function() {
$( "#second-slider" ).slider({
value:20,
min: 20,
max: 40,
step: 10,
slide: function( event, ui ) {
$( "#amount1" ).val( "$" + ui.value );
}
}
);
$( "#amount1" ).val( "$" + $( "#second-slider" ).slider( "value" ) );
}
);
/*calculate*/
$(function(){
var result;
var variable_slider = $( "#slider" ).slider( "value" );
var variable_second_slider= $( "#second-slider" ).slider( "value" );
if(variable_second_slider==20){
variable_second_slider=10;
}
else if(variable_second_slider==30){
variable_second_slider=variable_second_slider;
}
else if(variable_second_slider==40){
variable_second_slider=80;
}
result = ((variable_slider * variable_second_slider)/100)+variable_slider;
$("#calculating-result").val(result);/*ВЫВОД РЕЗУЛЬТАТА*/
});
</script>
