Here is a simple math calculator that can perform basic arithmetic operations like addition, subtraction, multiplication, and division using CSS, HTML, and PHP.
I am currently accepting programming work, IT projects, school and application development, programming projects, thesis and capstone projects, IT consulting work, computer tutorials, and web development work kindly contact me in the following email address for further details. If you want to advertise on my website kindly contact me also in my email address also. Thank you.
My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.
My mobile number here in the Philippines is 09173084360.
My telephone number at home here in Bacolod City, Negros Occidental Philippines is +63 (034) 4335675.
Here in Bacolod I also accepting computer repair, networking and Arduino Project development at a very affordable price.
My personal website is http://www.jakerpomperada.com
Sample Program Output
Program Listing
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Calculator in PHP</title>
<style type="text/css">
<!--
.btn {color: #0000CC; border: #FF0000 1px solid; width:150px; height:35px; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;}
.button {background-color: #999999; border:#999900 1px solid; width:100px; height:30px; color:#FFF; font-style:bold;}
.h1 {font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:24px; color:#FFFFFF;}
.label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px;}
.style3 {color: #FF0000; font-weight: bold; font-size:25px; }
.style4 {color: #FF0000; font-style: italic ; font-size:12px ; padding-left:20px;}
.tr {background-color: #999999;}
.tr1 {background-color: #CC9900; border: #CCCCCC 1px solid; height:30px;}
.style12 {background-color: #999999; color: #CCFF00; }
.style14 {font-size: 24px; color: #CCFF00; }
-->
body {
font-family:arial;
}
</style>
<script type="text/JavaScript">
<!--
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>
</head>
<body >
<p> </p>
<form action="" method="post" name="form1" id="form1" >
<?php
error_reporting(0);
//start of the code of PHP Main
if (isset($_POST['Submit'])) // set the submit button when click
{
$value1=$_POST['value1']; // setting variables of the field 1 and field 2
$value2=$_POST['value2'];
$operation=$_POST['operatorbutton']; //setting up variables with radio button
$Fresult='';
if ($value1=='' ) { //check the field if it is empty and post it with javascript msgbox
echo '<script language="javascript" >' ;
echo 'alert("Field 1 is required");';
echo' </script>';
}
if ($value2=='') { //check the field if it is empty and post it with javascript msgbox
echo '<script language="javascript" >' ;
echo 'alert("Field 2 is required");';
echo' </script>';
}
//start of the operation
if ($operation=='') {
echo '<script language="javascript" >' ;
echo 'alert("Division of zero is not allowed");';
echo' </script>';} //checking of operator if it is null
elseif($operation == 'add') {
//addition
$Fresult=$value1+$value2;}
elseif ($operation == 'sub') {
//subtraction
$Fresult=$value1-$value2;}
elseif ($operation == 'mul') {
//multiplication
$Fresult=$value1*$value2;}
elseif ($operation == 'div')
//division
{
// checking if if is divided in zero and post it in a javascript
if ($value2 =='0')
{
echo '<script language="javascript" >' ;
echo 'alert("Division of zero is not allowed");';
echo' </script>';
}
else //else perform division
{$Fresult=$value1/$value2;}
}
//setting all radio button to unchecked
$add = 'unchecked';
$subtract = 'unchecked';
$multiply = 'unchecked';
$divide = 'unchecked';
//setting variable for selected operator button
$selected_button = $_POST['operatorbutton'];
if ($selected_button == 'add')
{
$add = 'checked';
}
else if ($selected_button == 'sub')
{
$subtract = 'checked';
}
else if ($selected_button == 'mul')
{
$multiply = 'checked';
}
else if ($selected_button == 'div')
{
$divide = 'checked';
}
} //end of main
?>
<table width="764" border="0" align="center" cellpadding="4" style="border:#CC9900 1px solid;">
<tr>
<th colspan="3" bgcolor="#CC6600" scope="col" class="tr1"><h1 class="h1">Calculator in PHP</h1></th>
</tr >
<tr>
<td width="26%"><div align="right" class="label">First Number </div></td>
<td width="1%"><span class="style3">:</span></td>
<td width="73%" ><input name="value1" type="text" class="btn" id="value1" value="<?php echo trim($_POST['value1']); ?>" onkeypress=" return isNumberKey(event)" /></td>
<!--display the error-->
</tr>
<tr>
<td height="30"><div align="right" class="label">Second Number </div></td>
<td><span class="style3">:</span></td>
<td><input name="value2" type="text" class="btn" id="value2" value="<?php echo trim( $_POST['value2']); ?>" onkeypress=" return isNumberKey(event)"/></td>
</tr>
<tr class="tr">
<td height="24"><div align="right" class="label">Math Operator</div></td>
<td class="style3">:</td>
<td >
<span class="style12">
<input name="operatorbutton" type="radio" checked="checked" <?PHP print $add; ?>; value="add" />
Addition
<input name="operatorbutton" type="radio" value="sub" <?PHP print $subtract; ?> />
Subtraction
<input name="operatorbutton" type="radio" value="mul" <?PHP print $multiply; ?>/>
Multiplication
<input name="operatorbutton" type="radio" value="div" <?PHP print $divide; ?> />
Division</span><span class="style14"> </span></td>
</tr>
<tr>
<td height="26"><div align="right" class="label">Result</div></td>
<td class="style3">:</td>
<td class="style3"><?php echo $Fresult; ?></td>
</tr>
<tr>
<td class="style4"><div align="center"></div>
<div align="center"></div></td>
<td> </td>
<td><input name="Submit" type="submit" class="button" value="Calculate"/>
<input name="cmdReset" type="submit" class="button" id="cmdReset" onclick="MM_callJS('cleartext()')" value="Clear" />
<label></label></td>
</tr>
<tr>
<td colspan="3"><div align="center" class="tr1"></div></td>
</tr>
</table>
</form>
</body>
</html>
<!-- JAVASCRIPT FOR NOT ALLOWING THE USER TO ENTER A CHARACTER TEXT-->
<script language="javascript" >
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 45 || charCode > 57))
return false;
return true;
} </script>
<script language="javascript" >
function cleartext()
{
var form = document.forms[0];
//purpose?: to make the form textfield in to null
form.value1.value = "";
form.value2.value = "";
} </script>
