Tengo un slider funcional hecho en HTML y me arroja el valor del slider conforme se mueve (Dentro del rango especificado), pero necesito tomar ese valor y ejecutar una función según dicho valor. Intenté usando la propiedad value para darle el valor a la variable "followers7" y también con getElementByID pero no encuentro otra manera de darle a la variable "followers7" (o que la función capture) el valor del slider, ¿Cómo puedo hacerlo?, ¿Hay algo mal en el código?.
El código html es:
<div class="slidecontainer2">
<input type="range" min="1" max="100" value="50" class="slider" id="myRange2" height= "2">
<label>Value: <span id="demo2"/></label><br>
<label>Ganancia estimada: <br><input type="number" name="sum7" value="0" readonly="readonly" /></label>
</div>
Y el script es:
<script>
var slider = document.getElementById("myRange2"),
output = document.getElementById("demo2");
output.innerHTML = slider.value;
slider.oninput = function Calculate7(){
output.innerHTML = this.value;
try{
var followers7 = document.getElementById("myRange2"),
followersReached7 = followers7 * 2,
averageSale7= followersReached7 * 2,
estimateEarning7= averageSale7 * 2;
document.slidecontainer2.sum7.value = estimateEarning7;
} catch (e){}
}
</script>