In this tutorial, we will learn How to create a calculator in\u00a0PHP. In calculator, we will perform simple operations (add, subtract, multiply, divide) with two numbers.<\/p>\n\n\n\n
The HTML Code<\/strong><\/p>\n\n\n\n PHP Code<\/strong>\u00a0to perform calculator operations<\/p>\n\n\n\n Here is the full code that we have written for this calculator<\/p>\n\n\n\n<div class=\"signup-form\">\n <form method=\"post\">\n\t\t<h2>Calculator<\/h2>\n\t\t<p>Developed using PHP<\/p>\n\t\t<hr>\n <div class=\"form-group\">\n \n<div class=\"row\">\nass=\"col\"><input type=\"text\" class=\"form-control\" name=\"first_number\" placeholder=\"First Number\" required=\"required\" value=\"<?php echo isset($fn)?$fn:''; ?>\" pattern=\"[0-9]+\" title=\"only numbers\"><\/div>\n \n<div class=\"col\"><input type=\"text\" class=\"form-control\" name=\"second_number\" placeholder=\"Second Number\" required=\"required\" value=\"<?php echo isset($sn)?$sn:''; ?>\" pattern=\"[0-9]+\" title=\"only numbers\"><\/div>\n \n<\/div> \t\n<\/div>\n \n<div class=\"form-group\">\n<?php if(isset($result) && is_numeric($result)){?>\n<h4 style=\"color:blue; font-weight:bold;\"> Result: <?php echo $result; ?><\/h4>\n<?php } if(isset($error)){?>\n<h5 style=\"color:red; font-weight:bold;\">Error: <?php echo $error; ?><\/h5>\n<?php } ?>\n<\/div>\n \n<div class=\"form-group\">\n<input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"+\">\n<input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"-\">\n<\/div>\n<div class=\"form-group\">\n<input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"x\">\n<input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"\/\">\n <\/div>\n <\/form>\n<\/div><\/code><\/pre>\n\n\n\n<?php\nif (isset($_POST['Calculate'])) {\n\t$fn=$_POST['first_number'];\n\t$sn=$_POST['second_number'];\n\t$operation=$_POST['calculate'];\n\n\tif($operation==\"\/\" && ($fn == 0 || $sn == 0)){\n\t\t$error = \"Never divide any number by zero\";\n\t}\n\telse{\n\t\tif($operation==\"+\")\n\t\t\t$result=$fn+$sn;\n\t\telse if($operation==\"-\")\n\t\t\t$result=$fn -$sn;\n\t\telse if($operation==\"x\")\n\t\t\t$result=$fn*$sn;\n\t\telse if($operation==\"\/\")\n\t\t\t$result=$fn\/$sn;\n\t}\n} ?><\/code><\/pre>\n\n\n\n<?php\nif (isset($_POST['Calculate'])) {\n\t$fn=$_POST['first_number'];\n\t$sn=$_POST['second_number'];\n\t$operation=$_POST['calculate'];\n \n\tif($operation==\"\/\" && ($fn == 0 || $sn == 0)){\n\t\t$error = \"Never divide any number by zero\";\n\t}\n\telse{\n\t\tif($operation==\"+\")\n\t\t\t$result=$fn+$sn;\n\t\telse if($operation==\"-\")\n\t\t\t$result=$fn -$sn;\n\t\telse if($operation==\"x\")\n\t\t\t$result=$fn*$sn;\n\t\telse if($operation==\"\/\")\n\t\t\t$result=$fn\/$sn;\n\t}\n} ?>\n \n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:400,700\">\n<title>Calculator in PHP<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.0\/css\/bootstrap.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.0\/dist\/umd\/popper.min.js\"><\/script>\n<script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.0\/js\/bootstrap.min.js\"><\/script> \n<style>\nbody {\n\tcolor: #fff;\n\tbackground: #3598dc;\n\tfont-family: 'Roboto', sans-serif;\n}\n.form-control {\n\theight: 41px;\n\tbackground: #f2f2f2;\n\tbox-shadow: none !important;\n\tborder: none;\n}\n.form-control:focus {\n\tbackground: #e2e2e2;\n}\n.form-control, .btn { \n\tborder-radius: 3px;\n}\n.signup-form {\n\twidth: 600px;\n\tmargin: 30px auto;\n}\n.signup-form form {\n\tcolor: #999;\n\tborder-radius: 3px;\n\tmargin-bottom: 15px;\n\tbackground: #fff;\n\tbox-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);\n\tpadding: 30px;\n}\n.signup-form h2 {\n\tcolor: #333;\n\tfont-weight: bold;\n\tmargin-top: 0;\n}\n.signup-form hr {\n\tmargin: 0 -30px 20px;\n} \n.signup-form .form-group {\n\tmargin-bottom: 20px;\n}\n.signup-form input[type=\"checkbox\"] {\n\tmargin-top: 3px;\n}\n.signup-form .row div:first-child {\n\tpadding-right: 10px;\n}\n.signup-form .row div:last-child {\n\tpadding-left: 10px;\n}\n.signup-form .btn { \n\tfont-size: 16px;\n\tfont-weight: bold;\n\tbackground: #3598dc;\n\tborder: none;\n\tmin-width: 140px;\n}\n.signup-form .btn:hover, .signup-form .btn:focus {\n\tbackground: #2389cd !important;\n\toutline: none;\n}\n.signup-form a {\n\tcolor: #fff;\n\ttext-decoration: underline;\n}\n.signup-form a:hover {\n\ttext-decoration: none;\n}\n.signup-form form a {\n\tcolor: #3598dc;\n\ttext-decoration: none;\n}\t\n.signup-form form a:hover {\n\ttext-decoration: underline;\n}\n.signup-form .hint-text {\n\tpadding-bottom: 15px;\n\ttext-align: center;\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"signup-form\">\n <form method=\"post\">\n\t\t<h2>Calculator<\/h2>\n\t\t<p>Developed using PHP<\/p>\n\t\t<hr>\n <div class=\"form-group\">\n \n<div class=\"row\">\n<div class=\"col\"><input type=\"text\" class=\"form-control\" name=\"first_number\" placeholder=\"First Number\" required=\"required\" value=\"<?php echo isset($fn)?$fn:''; ?>\" pattern=\"[0-9]+\" title=\"only numbers\"><\/div>\n\t\t\t\t\n<div class=\"col\"><input type=\"text\" class=\"form-control\" name=\"second_number\" placeholder=\"Second Number\" required=\"required\" value=\"<?php echo isset($sn)?$sn:''; ?>\" pattern=\"[0-9]+\" title=\"only numbers\"><\/div>\n<\/div> \t\n<\/div>\n \n<div class=\"form-group\">\n \n<?php if(isset($result) && is_numeric($result)){?>\n <h4 style=\"color:blue; font-weight:bold;\">Result: <?php echo $result; ?><\/h4>\n <?php } if(isset($error)){?>\n <h5 style=\"color:red; font-weight:bold;\"> \tError: <?php echo $error; ?><\/h5>\n <?php } ?>\n <\/div>\n\t\t\n<div class=\"form-group\">\n <input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"+\">\n<input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"-\">\n<\/div>\n<div class=\"form-group\">\n<input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"x\">\n<input class=\"btn btn-primary\" type=\"submit\" name=\"calculate\" value=\"\/\">\n <\/div>\n <\/form>\n<\/div>\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"In this tutorial, we will learn How to create a calculator in\u00a0PHP. In calculator, we will perform simple…\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"footnotes":"","csco_singular_sidebar":"","csco_page_header_type":"","csco_appearance_grid":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0},"categories":[20],"tags":[],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/posts\/4141"}],"collection":[{"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/comments?post=4141"}],"version-history":[{"count":1,"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/posts\/4141\/revisions"}],"predecessor-version":[{"id":4142,"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/posts\/4141\/revisions\/4142"}],"wp:attachment":[{"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/media?parent=4141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/categories?post=4141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studiotechx.com\/projects\/wp-json\/wp\/v2\/tags?post=4141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}