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
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 </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> 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>