首页 > WordPress > 开发笔记 > 怎么用PHP写一个简单的加减乘除计算器

怎么用PHP写一个简单的加减乘除计算器

一个老不正经 2023/12/08 466围观

昨天有用PHP写一个99乘法表，今天写用PHP写了一个简单的加减乘除的计算器，心血来潮啊，不知道大学的小伙伴会不会有有这样的作业呢，下面是完整的代码。

简单的PHP写的加减乘除计算器列表

PHP写的加减乘除计算器css

PHP写的加减乘除计算器html代码

PHP写的加减乘除计算器php代码

PHP写的加减乘除计算器完整代码

PHP写的加减乘除计算器css

/* Your code... */
body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .jsj { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } form { display: flex; flex-direction: column; } input[type=text] { padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; } select { padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; background-color: white; box-sizing: border-box; } input[type=submit] { padding: 10px; border: none; border-radius: 4px; color: white; background-color: #0b79d0; cursor: pointer; font-weight: bold; text-transform: uppercase; } input[type=submit]:hover { background-color: #0a6cac; } .jsda { margin-top: 20px; padding: 10px; background-color: #eaf8ff; border: 1px solid #bdefff; border-radius: 4px; color: #333; }

body {
font-family: Arial, sans-serif;
background-color: #f8f8f8;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.jsj {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

form {
display: flex;
flex-direction: column;
}

input[type=text] {
padding: 10px;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}

select {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: white;
box-sizing: border-box;
}

input[type=submit] {
padding: 10px;
border: none;
border-radius: 4px;
color: white;
background-color: #0b79d0;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}

input[type=submit]:hover {
background-color: #0a6cac;
}

.jsda {
margin-top: 20px;
padding: 10px;
background-color: #eaf8ff;
border: 1px solid #bdefff;
border-radius: 4px;
color: #333;
}

PHP写的加减乘除计算器html代码

<div class="jsj">
<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" name="num1" placeholder="1">
<select name="operator">
<option value="add">+</option>
<option value="subtract">-</option>
<option value="multiply">×</option>
<option value="divide">÷</option>
</select>
<input type="text" name="num2" placeholder="2">
<input type="submit" value="计算">
<div class="jsda"><?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$operator = $_POST['operator'];

if (!empty($num1) && !empty($num2)) {
switch ($operator) {
case 'add':
$result = $num1 + $num2;
break;
case 'subtract':
$result = $num1 - $num2;
break;
case 'multiply':
$result = $num1 * $num2;
break;
case 'divide':
$result = $num1 / $num2;
break;
default:
echo "Invalid operator selected";
break;
}

echo "答案" . $result;
} else {
echo "请同时输入两个数字";
}
}
?></div>
</form>
</div>

PHP写的加减乘除计算器php代码

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$operator = $_POST['operator'];

if (!empty($num1) && !empty($num2)) {
switch ($operator) {
case 'add':
$result = $num1 + $num2;
break;
case 'subtract':
$result = $num1 - $num2;
break;
case 'multiply':
$result = $num1 * $num2;
break;
case 'divide':
$result = $num1 / $num2;
break;
default:
echo "Invalid operator selected";
break;
}

echo "答案" . $result;
} else {
echo "请同时输入两个数字";
}
}
?>

PHP写的加减乘除计算器完整代码

<!DOCTYPE html>
<html>
<head>
<title>PHP 写的加减乘除计算器代码 | 一点优化</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f8f8f8;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.jsj {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

form {
display: flex;
flex-direction: column;
}

input[type=text] {
padding: 10px;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}

select {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: white;
box-sizing: border-box;
}

input[type=submit] {
padding: 10px;
border: none;
border-radius: 4px;
color: white;
background-color: #0b79d0;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}

input[type=submit]:hover {
background-color: #0a6cac;
}

.jsda {
margin-top: 20px;
padding: 10px;
background-color: #eaf8ff;
border: 1px solid #bdefff;
border-radius: 4px;
color: #333;
}
</style>
</head>
<body>
<div class="jsj">
<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" name="num1" placeholder="1">
<select name="operator">
<option value="add">+</option>
<option value="subtract">-</option>
<option value="multiply">×</option>
<option value="divide">÷</option>
</select>
<input type="text" name="num2" placeholder="2">
<input type="submit" value="计算">
<div class="jsda"><?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$operator = $_POST['operator'];

if (!empty($num1) && !empty($num2)) {
switch ($operator) {
case 'add':
$result = $num1 + $num2;
break;
case 'subtract':
$result = $num1 - $num2;
break;
case 'multiply':
$result = $num1 * $num2;
break;
case 'divide':
$result = $num1 / $num2;
break;
default:
echo "Invalid operator selected";
break;
}

echo "答案" . $result;
} else {
echo "请同时输入两个数字";
}
}
?></div>
</form>
</div>
</body>
</html>

我准备写个复杂点的按钮计算器，另外要准备弄一个工具网，把所有写的工具都放到上面去。

PHP