<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>
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.
प्रेगनेंसी का सातवां महीना आपकी जिंदगी में खुशियां भर देता है। इस दौरान आपके घर…
Customers who use their RuPay credit cards to make payments on UPI (Unified Payments Interface) and other…
The Mahindra Group has announced the appointment of Ankit Todi as the new Group Chief…
Introduction: In a recent statement, OpenAI CEO Sam Altman has sparked excitement and curiosity in…
Pregnancy can bring about a variety of side effects due to the significant physical, hormonal,…
This year, the exam was held in total 8 mediums. The overall pass percentage is…