0

Hola estoy comenzando a trabajar con JQuery tengo que sacar el promedio de tres calificaciones, hasta ahorita tengo nada mas la suma de 3 valores... quisiera de su ayuda para hacer el promedio he buscado ejemplos y no logro hacerlo les dejo el código que estoy utilizando.

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Funciones jQuery con parámetros</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  </head>
  <body>

    <div class="container">
      <div class="row">

        <div class="col-xs-6">
            <h2>Función con 2 parámetros - Suma</h2>
            <form>
                <div class="form-group">
                    <label for="valorA">Introduce primer valor</label>
                    <input type="text" name="valorA" id="valorA" class="form-control"/>
                    <label for="valorb">Introduce segundo valor</label>
                    <input type="text" name="valorB" id="valorB" class="form-control"/>
                    <label for="valorb">Introduce tercer valor</label>
                    <input type="text" name="valorC" id="valorC" class="form-control"/>
                </div>
            </form>

            <button id="calcula" class="btn btn-default">Calcular</button>        
        </div>
      </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {


            //FUNCIÓN DE SUMA
            function operacion(a,b,c){                  
                var resultado=a+b+c;                                
                alert('La suma de '+a+' más '+b+' más '+c+'es igual a ' +resultado); 
            }

            jQuery('#calcula').click(function(){                    
                    var num1 = parseInt(jQuery('#valorA').val(),10); 
                    var num2 = parseInt(jQuery('#valorB').val(),10);
                    var num3 = parseInt(jQuery('#valorC').val(),10); 
                    var promedio;

                    operacion(num1,num2,num3);          
            });

        });     
    </script>
  </body>
</html>
3
  • 1
    ¿Y cual es el problema? Para obtener el promedio simplemente tendrías que dividir el resultado de la suma entre 3 ¿no? el 13 feb. 2018 a las 22:21
  • 1
    asi es pero no se como aplicarlo, o en donde poner la división, no he utilizado JQuery y no se como hacerlo
    – R.C. Ana
    el 13 feb. 2018 a las 22:25
  • 1
    hazlo así var resultado=(a+b+c)/3; el 13 feb. 2018 a las 22:40

2 respuestas 2

3

Qué tal esto, hacerlo con sencillas validaciones.

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Funciones jQuery con parámetros</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  </head>
  <body>

    <div class="container">
      <div class="row">

        <div class="col-xs-6">
            <h2>Función con 2 parámetros - Suma</h2>
            <form>
                <div class="form-group">
                    <label for="valorA">Introduce primer valor</label>
                    <input type="text" name="valorA" id="valorA" class="form-control"/>
                    <label for="valorb">Introduce segundo valor</label>
                    <input type="text" name="valorB" id="valorB" class="form-control"/>
                    <label for="valorb">Introduce tercer valor</label>
                    <input type="text" name="valorC" id="valorC" class="form-control"/>
                </div>
            </form>

            <button id="calcula" class="btn btn-default">Calcular</button>        
        </div>
      </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {


            //FUNCIÓN DE SUMA
            function operacion(a,b,c){                  
                var resultado = 0;
                resultado = parseFloat(a) + parseFloat(b) + parseFloat(c);
                if (isNaN(resultado)) {
                    alert("Introduce sólo números");
                } else  {
                    if (resultado == 0) {
                        alert("Resultado es cero.")
                    } else {
                        resultado = resultado/3;
                        alert("El resultado es:" + resultado);
                    }
                }
            }

            jQuery('#calcula').click(function(){                    
                    var num1 = $("#valorA").val(); 
                    var num2 = $('#valorB').val();
                    var num3 = $('#valorC').val(); 
                    var promedio;

                    operacion(num1,num2,num3);          
            });

        });     
    </script>
  </body>
</html>

2
//FUNCIÓN DE SUMA
function operacion(a,b,c){                  
   var resultado=a+b+c;
   var promedio = (resultado / 3);                
   alert('La suma de '+a+' más '+b+' más '+c+'es igual a ' +resultado + ' y el promedio es; ' + promedio); 
}
1
  • Muchas gracias por tu ayuda :) me ayudaste a resolver mi problema, solo que soy nueva en el tema de JQuery Gracias por su ayuda
    – R.C. Ana
    el 13 feb. 2018 a las 22:35

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.