estoy intentando crear 2 sliders que al desplazarlos vayan operando con los valores del momento y me muestre a su vez el resultado. Pongo el código para mostrar el caso:
<div id="slider_1" class="slider"></div><input id="slider_1_val
</input> EUROS
<div id="slider_2" class= "slider"></div>
<input type="text" min="30" max="90" step="30"></input> DIAS
Resultado:<input id="amount"></input>
var weightSliderValue = 0;
var exerciseSliderValue = 0;
function changeValue(){
var currentSliderValue = (weightSliderValue -
(weightSliderValue * exerciseSliderValue));
$( "#slider_1_val" ).val( weightSliderValue );
$( "#slider_2_val" ).val( exerciseSliderValue );
$( "#amount" ).val( currentSliderValue );
}
$( "#slider_1" ).slider({
min: 1000,
max: 5000,
step: 100,
slide: function( event, ui ) {
weightSliderValue = ui.value;
changeValue();
}
});
$( "#slider_2" ).slider({
min: 0.03,
max: 0.09,
step: 0.03,
slide: function( event, ui ) {
exerciseSliderValue = ui.value;
changeValue();
}
});
El resultado me devuelve lo que quiero, pero el problema que tengo es que para los valores del segundo slider quiero que a medida que muevo el slider se me muestren otros valores diferentes a los que uso para operar (en este caso 0.03 - 0.06 - 0.09 respectivamente) y no sé cómo hacerlo