You are on page 1of 5


27th October 2016

There are two scripts in this document.
form_page.php (contains the form and visible output) and
post_page.php (the calculator as pure php) which must be saved in a
php_scripts folder (see below)
If you change any of these names or use uppercase where lower case is present,
the program will fail. PHP is case specific throughout, thus $firstName is not the
same as $FirstName, its the same generally with most coding languages
(generally speaking) and folder names. Avoid white space also,
Use camel case as a naming protocol if you like as in firstName which is easier
to read than firstname in a massive amount of text.
When you get the script running, keep a copy and be brave, mess with it there
could be improvements for instance the date formatted output is untidy, make
it better (research php date formats). Really brave people could try adding
another input to work with three numbers, or add some php in the post_page.php
file that checks that only integers have been submitted in the file.
Remember that you cant run this script without having access to a server
(virtual or otherwise) the reason is that PHP and MySQL runs on a server (server
side scripting language) and as such returns html back to the browser.

If you do load a virtual server on your machine you should see something like
C:// xammp folder ----- htdocs folder
And you will have to save your files as another folder (named after your project
page) in the htdocs folder; thus

Now for the scripts. Copy only the text between the >>>>>>>>>>>>
// everything that is preceded by double forward slash is a comment in php and
will be ignored
// if you remove the slashes php will try to process the string within and break.

// this if / else script checks if there is a message returned from the post page
// and if yes, sets the $message variable to whatever the page header sent
// if there isn't (else) then the 'message' should read "try me",
// note, the @ before the post request suppresses the error thrown up (in some
ide's) when the
// 'message' post data var is not defined (empty), it's not 100% needed but worth

if ( @$_REQUEST['message'] ) {
$message = ($_REQUEST['message']);
} else {
$message = "try me";

// capture the 'total' header variable from the post page header and save to
$total variable

$total = @$_REQUEST['total'];

<!doctype html>
<meta charset="utf-8">
<title>PHP calculator</title>

<form action="php_scripts/post_page.php" method="post"
enctype="multipart/form-data" name="form1" id="form1">
<table width="400" border="1" align="center" cellpadding="4"
<td align="right">Calculator date</td>
<td align="center"><?php echo date('D- M - Y'); ?></td>
<td align="right">sum one</td>
<td><input type="text" name="sum_1" id="sum_1"></td>
<td align="right">operator</td>
<td align="left"><select name="operatorSelect" id="operatorSelect">
<option value="multiply">multiply</option>
<option value="divide">divide</option>
<option value="plus" selected="selected">plus</option>
<option value="minus">minus</option>

<td align="right">sum two</td>
<td><input type="text" name="sum_2" id="sum_2"></td>
<td align="right">total</td>
<td><input type="text" name="total" id="total" value="<?php echo
$total; ?>"></td>
<td align="right"><?php echo $message; ?></td>
<td align="right"><input type="submit" name="calculate" id="calculate"
Next the post_page.php
// capture the post data to get values then save the values to variables

$sum_1 = $_REQUEST['sum_1'];
$sum_2 = $_REQUEST['sum_2'];

// capture the post data to ascertain the correct operator to place in the
$operator = $_REQUEST['operatorSelect'];

// we sent the operator as a string so we use a 'switch' function to get assign the
text to the symbol
// the operator variable is passed into the switch function as an argument and is
tested. If the test is
// met the do the maths and then the 'break' command does not allow any other
results to be considered.
// think of this as a shorter way than if / else script. Better for large comparisons

switch ($operator) {
case "plus":
$total = $sum_1 + $sum_2;
case "minus":
$total = $sum_1 - $sum_2;
case "multiply":
$total = $sum_1 * $sum_2;
case "divide":
$total = $sum_1 / $sum_2;

// now we have the correct operator send the result to the post page.
// note that as the header is a string a (simple) solution is to end the string with "
and then concat
// the total variable (.) and then restart the string with "
// notice also the composition of the header string. As the destination 'form page
is not in the same
// folder we add ../ to choose the root where the page resides