Calculadora com múltiplas operações em php


Calculadora em PHPOlá pessoal! Hoje iremos aprender a fazer uma calculadora com múltiplas operações usando a linguagem PHP e XHTML.

Usaremos o XHTML para fazer o nosso formulário, e obter os dados necessários para serem processados, e a partir daí, processar a conta e retornar o resultado pelo script PHP.

Esse tutorial é destinado a pessoas que já tenham noções básicas de HTML e PHP, por isso não me irei estender muito nas explicações de cada parte do código, o objetivo aqui é mostrar a você como pode ser feita uma calculadora no gênero proposto, mas não se assuste, irei explicar as partes mais importantes e no final ainda darei os links com os códigos completos dos arquivos XHTML e PHP, para que você possa observar se fez tudo da forma correta. Dito isso, let’s go!

.Criando o nosso formulário em XHTML:

Essa é a parte mais simples e básica do processo, onde iremos criar um formulário e configurá-lo adequadamente.

Primeiramente você deve criar a estrutura básica de um XHTML:


<!--Retire os espaços entre < (menor) e ! (exclamação) no DOCTYPE !-->
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minha calculadora</title>
</head>
<body>
</body>
</html>

Agora iremos criar o nosso formulário e definiremos o seu método de envio como post e a sua ação ao enviar o formulário para um arquivo php tratá-lo. Arquivo esse que ainda iremos criar, como: calcular.php, mas não se preocupe com isso agora.
Veja como fica o nosso formulário:

<form method="post" action="calcular.php">

</form>

Ele está na sua forma mais simples, e antes de prosseguirmos, algumas coisas devem ser analisadas.

Para fazer uma calculadora por meio de um formulário, basicamente precisamos por quatro coisas nele:

1º) Uma caixa de texto para incluir o primeiro valor;
2º) Uma caixa de seleção para selecionarmos qual o tipo de operação será efetuada;
3º) Outra caixa de texto para incluir o segundo valor;
4º) Um botão para iniciar o processo da nossa conta.

Dito isso, irei mostrar os códigos que serão inseridos no nosso formulário. O código está comentado, então creio que você não terá problemas em entendê-lo.


Valor 1:
<!-- Primeira caixa de texto !-->
<input type="text" name="valor1" size="5" />
Tipo de calculo:
<!-- Caixa de seleção com as operações aritméticas  !-->
 <select name="tipo">
 <option selected="selected">Somar</option>
 <option>Subtrair</option>
 <option>Multiplicar</option>
 <option>Dividir</option>
 </select>
Valor 2:
<!-- Segunda caixa de texto !-->
<input type="text" name="valor2" size="5" />
<!-- Botão de envio do formulário !-->
<input type="submit" name="calcularbtn" value="Calcular" />

Note que essa etapa não é difícil, são elementos comuns de um formulário em (X)HTML, e é importante salientar que: Você nunca deve esquecer de dar nomes aos elementos do seu formulário com a tag name, pois será com eles que iremos identificar/capturar os valores no script php!

Bom, o nosso XHTML  já está pronto.

Agora o salve como calculadora.html na pasta padrão do seu servidor local e teste-o para ver como ficou. O resultado deverá ser o seguinte:

calc_demostration1

.Criando o nosso script PHP:

Primeiramente iremos declarar três variáveis relevantes e capturar os dados de envio do formulário. A captura é possível através da superglobal $_POST[‘nome do elemento no formulário‘];

Os dados capturados serão armazenados nas variáveis que iremos declarar, como: $valor1, $valor2 e $tipo, pois são de fácil identificação.

Para você entender melhor: Quando o usuário digitar nas duas caixas de texto os números que ele quer efetuar, as mesmas serão gravadas nas variáveis $valor1 e $valor2. E quando o usuário escolher qual o tipo de cálculo ele quer realizar, essa escolha estará gravada na variável $tipo.

Veja o código:

$valor1 = $_POST['valor1'];
$valor2 =  $_POST['valor2'];
$tipo =  $_POST['tipo'];

Logo em seguida iremos criar uma função chamada “calcular”. Nela serão feitos os cálculos, e para que isso seja possível, você terá que chamar as variáveis $valor1, $valor2 e $tipo como variáveis globais dentro da função, caso contrário não funcionará!

/* Cria uma função com o nome "calcular" e define como
seus parâmetros as variáveis $a e $b */
function calcular($a,$b)
{
 // Declara as variáveis como globais
 global $valor1;
 global $valor2;
 global $tipo;
}

Ainda dentro da função, iremos criar uma estrutura condicional usando o switch para que sejam testados os valores da variável $tipo, onde os possíveis valores são: Somar, Subtrair, Multiplicar e Dividir. Quando testados e comparados por meio do case com a operação escolhida pelo usuário, ai será executado a operação correspondente, iniciando o cálculo, mas para isso, iremos criar uma nova variável chamada $resultado, e dentro dela será armazenada o resultado dos cálculos.

Veja:

/* Cria uma estrutura condicional com o switch e testa qual
o valor da variável $tipo corresponde aos casos para
poderem ser executados corretamente */
switch($tipo)
{
 case 'Somar': $resultado = $a + $b; break;
 case 'Subtrair': $resultado = $a - $b; break;
 case 'Multiplicar': $resultado = $a * $b; break;
 case 'Dividir': $resultado = $a / $b; break;
}

Você terá que fazer com que o resultado seja retornado quando a função for chamada. E para isso você fará um return com a variável do resultado fora da estrutura do switch, porém, ainda dentro da função.

return($resultado);

Por último, para que você consiga mostrar o resultado da operação na página, basta você dar um echo fora da função, da seguinte forma:

echo calcular($valor1,$valor2);

Agora salve o seu script como calcular.php na mesma pasta em que salvou o calculadora.html e teste com o seu servidor local ligado – ou em algum servidor na web – para ver se está tudo funcionando corretamente, caso esteja, parabéns, você acaba de conseguir criar a sua primeira calculadora.🙂

Qualquer sugestão, dúvida ou crítica será muito bem vinda. Ficarei muito grato com a sua participação!

Caso queira os códigos completos para revisar ou testar, aqui estão:

Código completo da página XHTML: http://pastebin.com/f330d64b7
Código completo do script PHP: http://pastebin.com/f4529fee3

Abraços a todos e até a próxima!

Olá pessoal! Hoje iremos aprender a fazer uma calculadora com múltiplas operações usando a linguagem PHP e XHTML.

Usaremos o XHTML para fazer o nosso formulário, e obter os dados necessários para serem processados, e a partir daí, processar a conta e retornar o resultado pelo script PHP.

Esse tutorial é destinado a pessoas que já tenham noções básicas de HTML e PHP, por isso não me irei estender muito nas explicações de cada parte do código, o objetivo aqui é mostrar a você como pode ser feita uma calculadora no gênero proposto, mas não se assuste, irei explicar as partes mais importantes e no final ainda darei os links com os códigos completos dos arquivos XHTML e PHP para que possa observar se você fez tudo da forma correta. Dito isso, let’s go!

.Criando o nosso formulário em XHTML:

Essa é a parte mais simples e básica do processo, onde iremos criar um formulário e configurá-lo adequadamente.

Primeiramente você deve criar a estrutura básica de um XHTML:


<!--Retire os espaços entre < (menor) e ! (exclamação) no DOCTYPE !-->
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Minha calculadora</title>
</head>
<body>
</body>
</html>

Agora iremos criar o nosso formulário e definiremos o seu método de envio como post e a sua ação ao enviar o formulário para um arquivo php tratá-lo. Arquivo esse que ainda iremos criar, como: calcular.php, mas não se preocupe com isso agora.

Veja como fica o nosso formulário:

<form method="post" action="calcular.php">

</form>

Ele está na sua forma mais simples, e antes de prosseguirmos, algumas coisas devem ser analisadas.

Para fazer uma calculadora por meio de um formulário, basicamente precisamos por quatro coisas nele:

1º) Uma caixa de texto para incluir o primeiro valor;
2º) Uma caixa de seleção para selecionarmos qual o tipo de operação será efetuada;
3º) Outra caixa de texto para incluir o segundo valor;
4º) Um botão para iniciar o processo da nossa conta.

Dito isso, irei mostrar os códigos que serão inseridos no nosso formulário. O código está comentado, então creio que você não terá problemas em entendê-lo.


Valor 1:
<!-- Primeira caixa de texto !-->
<input type="text" name="valor1" size="5" />
Tipo de calculo:
<!-- Caixa de seleção com as operações aritméticas  !-->
<span lang="EN-US"><select name="tipo">
<option selected="selected">Somar</option>
<option>Subtrair</option>
<option>Multiplicar</option>
<option>Dividir</option>
</select>
Valor 2:
<!-- </span>Segunda caixa de texto !-->
<input type="text" name="valor2" size="5" />
<!-- Botão de envio do formulário !-->
<input type="submit" name="calcularbtn" value="Calcular" />

Note que essa etapa não é difícil, são elementos comuns de um formulário em (X)HTML, e é importante salientar que: Você nunca deve esquecer de dar nomes aos elementos do seu formulário com a tag name, pois será com eles que iremos identificar/capturar os valores no script php!

Bom, o nosso XHTML  já está pronto.

Agora o salve como calculadora.html na pasta padrão do seu servidor local e teste-o para ver como ficou. O resultado deverá ser o seguinte:

12 comentários sobre “Calculadora com múltiplas operações em php

    1. É com muita felicidade que recebo o seu comentário, Francisco. Fico muito feliz que lhe tenha servido, obrigado pelos elogios e por manter o crédito da calculadora no seu site.

      Abraços e continue com os estudos. Precisando de ajuda estarei aqui.

      Curtir

      1. Dalton, preciso fazer um form que tenha 3 campos 2 de entrada de dados(números) e o terceiro onde será mostrado o resultado das operações, e também que tenha 4 botões de cálculo, cada um com uma operação diferente(soma, subtração, multiplicação, divisão). Eu também posso usar o switch para fazer isso?

        Curtir

  1. Dalton boa tarde,

    Tenho um trabalho na faculdade referente a um código de PHP, no entanto nunca mexi com está linguagem, poderia por favor me ajudar caso saiba como fazer?

    Neste caso preciso elaborar um calculo em PHP que me mostre um resultado de 25 pilotos de corrida, no qual o número total de possibilidades para os três primeiros colocados.

    Realmente não sei como elaborar este calculo poderia me ajudar?

    Curtir

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s