Send value thru cookie with 2 input slider

I use html javascript and fusion 2.5

Iry to use cookies to send action around the app.

1. Are the diffrent between the input slider correct?
2. When change one value and go back to another slider it mess up my counter with wrong value like the another sliders value?

3. this.value seems to be look alike both places. It seem it take the other value!


<div>
<input id="slide" type="range" min="1" max="60" step="1" value="25" onchange="updateSlider1(this.value)">
<div id="sliderAmount1"></div>
</div>
  
<div>
<input id="slide" type="range" min="1" max="300" step="1" value="125" onchange="updateSlider(this.value)">
<div id="sliderAmount"></div>
</div>



    function updateSlider(slideAmount) {
        var sliderDiv = document.getElementById("sliderAmount");
        sliderDiv.innerHTML = slideAmount;
		 document.cookie="bpmvol=" + slideAmount;
	  
    }
	
    function updateSlider1(slideAmount1) {
        var sliderDiv1 = document.getElementById("sliderAmount1");
        sliderDiv1.innerHTML = slideAmount1;
			document.cookie="vol=" + slideAmount1;
		
    }