Informática, pregunta formulada por rorrofreakpclhif, hace 1 año

Realice una función en PHP que dados dos números de entrada muestre como salida dos mensajes: Echo 1 (“la suma de los números es: ) Echo 2 (“lel producto de los números es: )

Respuestas a la pregunta

Contestado por jpayalao
1

Aqui tengo algo que te puede servir.



   <!-- Tamaño de Section ajustado con el Style - Interfaz principal de las operaciones matematicas -->

   <section style="max-width:900px; margin-left: auto; margin-right: auto;">

    <div class="row"> <!-- Clase que organiza en 3 columnas y 1 fila el contenido -->

     <div class="col-md-4"> <!-- Clase que le da el espacio y la forma del contenido dentro de la columna -->

       <div class="form-group">

         <h6><label for="num1">Digite el primer numero:</label></h6>

         <input style="font-size: 20px;" type="number" class="form-control" id="num1" placeholder="Digite Primer numero" required/>

       </div>

     </div>

     <div class="col-md-4">

       <div class="form-group">

         <h6><label for="operacion">Operacion a realizar:</label></h6>

         <b><select style="font-size: 17px; color: green;" class="form-control" id="operacion">

           <option value ="1" selected>( + )  -  Suma</option>

           <option value ="2">( - )  -  Resta</option>

           <option value ="3">( x )  -  Multiplicacion</option>

           <option value ="4">( / )  -  Division</option>

         </select></b>

       </div>

     </div>

     <div class="col-md-4">

       <div class="form-group">

         <h6><label for="num2">Digite el segundo numero:</label></h6>

         <input style="font-size: 20px;" type="number" class="form-control" id="num2" placeholder="Digite numero 2" required/>

       </div>

     </div>

   </div>

   <br>

 </section>

 <!-- Section que muestra el resultado en pantalla -->

 <section style="max-width:300px; margin-left: auto; margin-right: auto;">

  <div class="text-center">

   <div class="form-group">

     <h6><label for="num2">Resultado&nbsp;&nbsp;</label><span class="glyphicon glyphicon-hand-down"></span></h6>

     <b><input style="color:green; text-align: center; font-size: 20px;" class="form-control" id="resultado" placeholder="El resultado es:" readonly="readonly"></b>

   </div>

 </div>

</section>

<br>

<!-- Section que contiene el boton calcular -->

<section>

 <div class="text-center">

   <!-- OnClick, al dar clic nos envia a la funcion operaciones del Script -->

   <button onclick="operaciones()"

   type="submit" name="submit" style="background-color: #737ae2;" class="btn btn-alert"><h2><span class="glyphicon glyphicon-cog"></span>&nbsp;Calcular</h2>

 </div>

</section >

<br>



<script>

/*nombre de la funcion "operaciones"*/

function operaciones()

{

 var num1 = document.getElementById("num1").value; /*Capturamos en la variable num1 lo que se envio del input id="num1"*/

 var num2 = document.getElementById("num2").value; /*Capturamos en la variable num2 lo que se envio del input id="num2"*/

 var operacion = document.getElementById("operacion").value; /*Capturamos en la variable operacion el valor del value del Select id="operacion"*/


 /*Funciones que recuperan los valores enviados por el If y que realizan la operacion matematica correspondiente*/


 var ops = {

   sumar: function sumarNumeros(n1, n2) {


     return (parseFloat(n1) + parseFloat(n2));      

   },


   restar: function restarNumeros(n1, n2) {

     return (parseFloat(n1) - parseFloat(n2));

   },


   multiplicar: function multiplicarNumeros(n1, n2) {

     return (parseFloat(n1) * parseFloat(n2));

   },


   dividir: function dividirNumeros(n1, n2) {

     return (parseFloat(n1) / parseFloat(n2));

   }

 };


 /*Segun la variable operacion ("Valor del Select id='operacion'") enviamos las variables a las funciones*/

 if(operacion == 1){

   var resultado = ops.sumar(num1, num2);

   /*Mostramos el resultado devuelto por las funciones al input id="resultado" por medio de la linea $('#resultado').val(resultado);*/

   document.getElementById("resultado").value=resultado;

 }else if(operacion == 2){

   var resultado = ops.restar(num1, num2);

      document.getElementById("resultado").value=resultado;

 }else if(operacion == 3){

   var resultado = ops.multiplicar(num1, num2);

     document.getElementById("resultado").value=resultado;

 }else{  

   var resultado = ops.dividir(num1, num2);

       document.getElementById("resultado").value=resultado;

 }


}

</script>


</body>

</html>

Otras preguntas