[SOLUCIONADO] Múltiples funciones

[Lossarnach]

Este post no es una pregunta a medias, me explico, lo que vengo a preguntar es que las funciones que he realizado me salen correctamente, sin embargo haciéndolas de otra forma no salen cuando creo que deberían de salir, os pongo el código de como debería de funcionar:

Código:

<!-- Ponemos dos checkbox para hacer una suma -->
<input type="checkbox" id="opcion_c1" onclick="recalcular()">80<br>	
<input type="checkbox" id="opcion_t1" onclick="recalcular()">105<br>
<!-- Aquí nos motrara el resultado de las sumas -->
<div id="msgSuma">55</div>	

<script>
     function recalcular(){
          var a = document.getElementById("opcion_c1");
          var b = document.getElementById("opcion_t1");
          var suma = document.getElementById("msgSuma");

/*Si pulsamos el checkbox nos sumara a la cifra del <div> 100 y si los "descheckeamos nos restara la 100. */
          if(a.checked) {
	       suma.innerHTML = parseInt(suma.innerHTML) + parseInt(100);
	  }else{
	       suma.innerHTML = parseInt(suma.innerHTML) - parseInt(100);
	  }

/*Y si pulsamos el segundo checkbox sumamos al <div> 80. Lo mismo que el anterior.*/
          if(b.checked) {
	       suma.innerHTML = parseInt(suma.innerHTML) + parseInt(80);
	  }else{
	       suma.innerHTML = parseInt(suma.innerHTML) - parseInt(80);
	  }
</script>

Y ahora os pongo el código como funciona correctamente, que es el mismo pero puesto en dos <script>.

Código:

<input type="checkbox" id="opcion_c1" onclick="recalcular()">80<br>	
<input type="checkbox" id="opcion_t1" onclick="recalcular()">105<br>

<div id="msgSuma">55</div>	

<script>
      function recalcularA(){
           var a = document.getElementById("opcion_c1");
           var suma = document.getElementById("msgSuma");
           if(b.checked) {
	       suma.innerHTML = parseInt(suma.innerHTML) + parseInt(80);
	   }else{
	       suma.innerHTML = parseInt(suma.innerHTML) - parseInt(80);
	   }
      }
</script>

<script>
      function recalcularB(){
           var b = document.getElementById("opcion_t1");
           var suma = document.getElementById("msgSuma");
           if(b.checked) {
	       suma.innerHTML = parseInt(suma.innerHTML) + parseInt(100);
	   }else{
	       suma.innerHTML = parseInt(suma.innerHTML) - parseInt(100);
	   }
      }
</script>

Y una ultima pregunta ¿porque no funcionan dos funciones en un mismo <script>?

Un saludo.

[darkhack3r22]

Hola de nuevo. Este es un error MUY común ya que estas realizando dos condicionales if con else, y la segunda, no se ejecuta ya que no puedes hacerlos seguidos. Cuando llegó al else y ejecutó el document.write automaticament detuvo. Es así; entrada y salida. Así que deberías meter el segundo if dentro del else del primero jeje un poco lio.
Por eso en el ultimo codigo si esta bien porque lo has metido en dos funciones independientes. ;)
Te paso el codigo bueno cuando des señal.

[darkhack3r22]

Por cierto, olvida el post de abajo, que me estaba enparanoiando con otras cosas. El código bueno es este:

Código HTML:

<input type="radio" id="opcion_c1" name="opciones" onclick="recalcular()">80<br> <input type="radio" id="opcion_t1" name="opciones" onclick="recalcular()">105<br>
 
<div id="msgSuma">55</div>
 
<script type="text/javascript"> 
function recalcular(){ 
var a = document.getElementById("opcion_c1"); var b = document.getElementById("opcion_t1"); var suma = document.getElementById("msgSuma");
 
if(a.checked) { 
suma.innerHTML = parseInt(suma.innerHTML) + parseInt(100);
}else{
suma.innerHTML = parseInt(suma.innerHTML) -parseInt(100); 
}
 
if(b.checked) { 
suma.innerHTML = parseInt(suma.innerHTML) + parseInt(80);
}else{ 
suma.innerHTML = parseInt(suma.innerHTML) - parseInt(80); 
} 
}
</script>
 

Muahaha ¿pensabas que este script iba a acabar conmigo?

[Lossarnach]

Ok, lo capto y supongo que con las funciones pasa lo mismo, cuando se ejecuta el primera no se ejecuta la segunda función en Javascript.

PD: El segundo código me funciona a las mil maravillas, lo probé, me funciono y lo deje jajaja.

Un saludo.

[darkhack3r22]

Iniciado por Lossarnach

Ok, lo capto y supongo que con las funciones pasa lo mismo, cuando se ejecuta el primera no se ejecuta la segunda función en Javascript.

PD: El segundo código me funciona a las mil maravillas, lo probé, me funciono y lo deje jajaja.

Un saludo.

No hay problema en que pongas varias funciones o condiciones seguidas, porque en javascript no pasa nada, el error que tenías era un } que se te había olvidado de la funcion recalcular(), pero no es bueno acostumbrarse a hacer eso ya que en otros lenguajes de programacion como PHP si te hace eso y es mucho mas lioso.
Vas muy bien y lo clasificas todo perfectamente, eso es lo importante.Saludos.