Estoy armando un sistema de prestamos, pero no quiero que la opción de cuota 10 salga en el slider. ¿Es posible eliminar esa opcion del Slider, y que las opciones de cuota solo sean de 2 3 4 5 6 7 8 9 11?
var slider1 = document.getElementById("mes");
var output1 = document.getElementById("mes1");
var output2 = document.getElementById("int");
let int = 0;
output1.innerHTML = slider1.value;
output2.innerHTML = int;
slider1.oninput = function() {
output1.innerHTML = this.value;
if (slider1.value == 2) {
int = 3.18 + "%";
}
if (slider1.value == 3) {
int = 4.55 + "%";
}
if (slider1.value == 4) {
int = 5.82 + "%";
}
if (slider1.value == 5) {
int = 6.66 + "%";
}
if (slider1.value == 6) {
int = 7.61 + "%";
}
if (slider1.value == 7) {
int = 8.52 + "%";
}
if (slider1.value == 8) {
int = 9.59 + "%";
}
if (slider1.value == 9) {
int = 10.64 + "%";
}
if (slider1.value == 10) {
int = 11.95 + "%";
}
if (slider1.value == 11) {
int = 13.10 + "%";
}
output2.innerHTML = int;
};
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div class="container">
<div class="row" style="text-align: center;">
<h1>Lo quiero pagar en <span id="mes1"></span> cuotas <span><input type="range" class="inputDiv" name="mes" id="mes" min="2" max="11" step="1" value=1></span></h1>
</div>
<div class="row" style="text-align: right;">
<span>Interés Mensual: <span id="int"></span></span>
<span><input type="hidden" name="interes"></span>
</div>
</div>
</body>
</html>
Intente con var values:
var values = [2,3,4,5,6,7,8,9,11];
pero tampoco obtuve buenos resultados
<script></script>
pues en el snippet no hacen falta y termina de poner la funcióncalcular()
pues no veo el cierre de la misma.