create calculator in php || Simple Calculator Using PHP

create calculator in php || Simple Calculator Using PHP

Below mention Code if you like it so please share this post every one .
php
<!DOCTYPE html>
<html>
<head>
<title>Responsive Calculator in PHP</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 100vh;
}
input[type="number"], select {
padding: 10px;
margin: 10px;
width: 100%;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button[type="submit"] {
padding: 10px;
margin: 10px;
width: 100%;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<form method="post">
<label for="num1">Enter Number 1:</label>
<input type="number" id="num1" name="num1" placeholder="Enter Number 1" required>

<label for="num2">Enter Number 2:</label>
<input type="number" id="num2" name="num2" placeholder="Enter Number 2" required>

<label for="operator">Select Operator:</label>
<select id="operator" name="operator" required>
<option value="+">Addition</option>
<option value="-">Subtraction</option>
<option value="*">Multiplication</option>
<option value="/">Division</option>
</select>

<button type="submit" name="submit">Calculate</button>
</form>

<?php
if(isset($_POST['submit'])) {
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$operator = $_POST['operator'];
$result = '';

switch($operator) {
case '+':
$result = $num1 + $num2;
break;
case '-':
$result = $num1 - $num2;
break;
case '*':
$result = $num1 * $num2;
break;
case '/':
$result = $num1 / $num2;
break;
default:
$result = '';
}

if($result !== '') {
echo '<h2>Result:</h2>';
echo '<p>' . $num1 . ' ' . $operator . ' ' . $num2 . ' = ' . $result . '</p>';
}
}
?>
</div>
</body>
</html>

This code creates a basic responsive calculator form using HTML and CSS, and uses PHP to handle the form submission and perform the calculation. The form includes two input fields for entering the numbers to be calculated, a select field for selecting the operator, and a submit button to perform the calculation. When the user submits the form, PHP code handles the form data and performs the appropriate calculation based on the selected operator, and displays the result on the page.

#PHP #HTML #CSS #calculator #responsive-design #form-validation #arithmetic-operations #switch-case #web-development

Leave a Reply

Your email address will not be published. Required fields are marked *.

*
*
You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>