Estoy intentando hacer una función que efectúe unos cálculos de unas listas desplegables de la página cuando alguna de éstas cambia de valor. Sucede que la primera vez que ejecuto la función funciona correctamente pero las siguientes veces no, mostrándome el siguiente error en la consola:
Uncaught TypeError: calcularTotal is not a function
la función es la siguiente:
<script type="text/javascript">
function calcularTotal(){
var total = 0;
var rsppje = 0;
var rsppso = 0;
var cantPreguntas = parseInt("4");
calcularTotal = cantPreguntas + 1;
for (i = 1; i < calcularTotal; i++) {
if (document.getElementById("rsppje" + i) != null) {
rsppje = parseInt(document.getElementById("rsppje" + i).value);
rsppso = parseInt(document.getElementById("rsppso" + i).value);
total = total + (rsppje * rsppso) / 100;
}
}
document.getElementById("puntajeTotal").innerHTML = total;
};
</script>
El evento desde el cual llamo a la función es el siguiente (tag que se repite 4 veces en la página):
<select onchange="calcularTotal();" id="rsppje1" name="rsppje1" class="form-control">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
Y el elemento en donde luego intento mostrar el resultado de la variable, aunque en este caso creo que no tiene relevancia, es:
<span class="label label-warning" id="puntajeTotal"></span>
Desde ya muchas gracias.