Hola que tal amigos, siguiendo con el desarrollo de aprendizaje del lenguaje Php, vamos hacer algo diferente esta vez 😀 , nuestro objetivo será poner en práctica los conocimientos que hemos obtenido a lo largo del curso, pues bien que mejor manera de iniciar que realizando una mini calculadora. Como todo programador junior, principiante o como lo queramos llamar, debemos arrancar con cosas pequeñas pero sustanciosas, bien el objetivo final será el siguiente:
Listo, pues manos a la obra, iniciemos creando nuestro formulario base, para lo cual vamos a teclear las siguientes lineas de código:
[cc lang=»html»]
< !DOCTYPE html>
MINI CALCULADORA CON PHP
[/cc]
Bien, expliquemos algunas cosas hasta el momento, nuestros datos los enviaremos usando el método post, además necesitaremos 2 cajas de texto en las cuales ingresaremos los números para aplicarle las operaciones fundamentales.
Listo, cada campo lo vamos a validar de tal forma que sea obligatorio(required), que permita solo ingresar datos validos(pattern=»[0-9.]+»).
El siguiente paso es agregar los radiobutton para cada operación matemática y un botón calcular.
[cc lang=»html»]
[/cc]
A cada radio le asignaremos un identificador, 1=sumar, 2=restar y asà sucesivamente. Por defecto estará activa la opción sumar(checked), el campo resultado será de solo lectura(readonly).
Ahora hagamos el código php para resolver cada operación:
[cc lang=»php»]
< ?php
if(isset($_POST['enviar'])){ // si damos clic al botón calcular entonces ...
if($_POST['op'] === "1"){ // si esta activo el radiobutton sumar entonces ...
$resul = $_POST['num1'] + $_POST['num2']; // a la variable resul le asignamos la suma de los campos
}
elseif($_POST['op'] === "2"){ //sino, si esta activo el radio restar entonces ...
$resul = $_POST['num1'] - $_POST['num2'];
}
elseif($_POST['op'] === "3"){
$resul = $_POST['num1'] * $_POST['num2'];
}
else{
$resul = $_POST['num1'] / $_POST['num2'];
}
}
?>
[/cc]
Finalmente, debemos modificar la propiedad value del campo resultado, editando nos quedará de la siguiente manera:
[cc lang=»html»]
Listo amigos, al campo resultado le imprimimos el valor que tenga la variable resul cuando se haya dado clic al botón calcular y finalmente probemos nuestra mini calculadora 😛
Byspel
Me aparece el siguiente error:
Parse error: syntax error, unexpected ‘?’ in C:\xampp\htdocs\ejercicios\calc.php on line 54
En esta sentencia:
<input type="text" name="res" value="» readonly>
Hola amigo, gracias por participar, aquà te adjunto el código del ejemplo totalmente funcional, tan solo prueba en tu servidor.
Descarga
Un saludo!.
Excelente, funciona de mil maravillas, gracias por la celeridad y exactitud de tu respuesta.
Que habrá sido que hice mal?
Con gusto amigo, al parecer era cierre de algunas etiquetas, al momento de copiar código de las páginas también hay que tener en cuenta que pasen en el formato correcto, algunas comillas, llaves o signos especiales aveces se alteran.
Saludos!
amigo lo puedes hacer pero con java script