Calculator using Dropdown in PHP

Submitted by azalea zenith on Tuesday, October 11, 2016 - 12:07.

In this tutorial, we are going to create Calculator using Dropdown in PHP. I create this simple program in PHP using the drop-down menu to select a mathematical operator such as Addition, Subtraction, Multiplication, and Division. Check the live demo, click the button below.

First, we have to create the markup for this program. This source code contains two TextBox where the user enters the desired numeric value and one combo box where they can select in what mathematical operator they have to use.

<form method="post" class="form-inline">
   <div>
      <label>First Value</label>
      <input type="text" name="first_value" value="<?php echo $first_value; ?>" placeholder="First Value . . . . ." autofocus="autofocus" />
   </div>
   <div>
      <label>Select Operations</label>
      <select size="1" name="operations">
         <option value="+">Add</option>
         <option value="-">Subtract</option>
         <option value="*">Multiply</option>
         <option value="/">Divide</option>
      </select>
   </div>
   <div>
      <label>Second Value</label>
      <input type="text" name="second_value" value="<?php echo $second_value; ?>" placeholder="Second Value . . . . ." autofocus="autofocus" />
   </div>
   <button type="submit" name="calculate">Calculate . . .</button>
</form>

To execute the calculator, we need to construct the PHP query where the operators can run after hit the calculate button on the web page. Let's create one by one. For Addition

<div style="width:35%; font-size:20px; text-align:center; margin-top:10px;">
   <?php if ($_REQUEST['operations'] == '+') {?>
   <div class="alert alert-info" role="alert">Result: <?php echo $first_value + $second_value;  ?></div>
   <?php } ?>
</div>

Sample Output for Addition Result

For Subtraction

<div style="width:35%; font-size:20px; text-align:center; margin-top:10px;">
   <?php if ($_REQUEST['operations'] == '-') {?>
   <div class="alert alert-info" role="alert">Result: <?php echo $first_value - $second_value;  ?></div>
   <?php } ?>
</div>

Sample Output for Subtraction Result

For Multiplication

<div style="width:35%; font-size:20px; text-align:center; margin-top:10px;">
   <?php if ($_REQUEST['operations'] == '*') {?>
   <div class="alert alert-info" role="alert">Result: <?php echo $first_value * $second_value;  ?></div>
   <?php } ?>
</div>

Sample Output for Multiplication Result

For Division

<div style="width:35%; font-size:20px; text-align:center; margin-top:10px;">
   <?php if ($_REQUEST['operations'] == '/') {?>
   <div class="alert alert-info" role="alert">Result: <?php echo $first_value / $second_value;  ?></div>
   <?php } ?>
</div>

Sample Output for Division Result

For the complete source code. Using the source code below, you can use a mathematical operator such as Addition, Subtraction, Multiplication, and Division.

<div style="width:35%; font-size:20px; text-align:center; margin-top:10px;">
   <?php
      if ($_REQUEST['operations'] == '+')
        { ?>
   <div class="alert alert-info" role="alert">Result: <?php echo $first_value + $second_value; ?></div>
   <?php
      }
      elseif ($_REQUEST['operations'] == '-')
      { ?>
   <div class="alert alert-success" role="alert">Result: <?php echo $first_value - $second_value; ?></div>
   <?php
      }
      elseif ($_REQUEST['operations'] == '*')
      { ?>
   <div class="alert alert-warning" role="alert">Result: <?php echo $first_value * $second_value; ?></div>
   <?php
      }
      elseif ($_REQUEST['operations'] == '/')
      { ?>
   <div class="alert alert-warning" role="alert">Result: <?php echo $first_value / $second_value; ?></div>
   <?php
      } ?>
</div>

Add new comment

2048 views