Two jquery form sliders

Question

I need help with two jquery form sliders. I have this code

$("#slider").slider({
range: "min",
value: 10,
step: 10000,
min: 100000,
max: 1000000,
});

$('#slider').slider()
.on('slide', function(ev){
var datafirst = ev.value*(Math.pow(1.11, 5));
document.getElementById("bar").innerHTML = datafirst;

});

$("#slider-year").slider({
range: "min",
value: 10,
step: 1,
min: 5,
max: 15,
});
$('#slider-year').slider()
  .on('slide', function(ev){
var datasecond = ev.value;
document.getElementById("yeartotal").innerHTML = datasecond;

  });

and what I need is to take variable from first slider and second slider and count them that is all.

Thank you for every answer.

Answer 1

LIVE DEMO

var datafirst = 0;
var datasecond = 0;

$("#slider").slider({
  range: "min",
  value: 10,
  step: 10000,
  min: 100000,
  max: 1000000,
  slide: function( ev, ui ) {
    datafirst = ui.value * Math.pow(1.11, 5);
    $("#bar").text( datafirst );
  }
});
$("#slider-year").slider({
  range: "min",
  value: 10,
  step: 1,
  min: 5,
  max: 15,
  slide: function( ev, ui ) {
    datasecond = ui.value;
    $("#yeartotal").text( ui.value );
  }
});

// you can access at any time your variables
// datafirst and datasecond and calculate whatever you need to.