用PHP的if判断语句简单制作一个计算器
- 2022年6月21日
- 1,194 次
在日常生活中,我们使用计算器的频率还是很高的,原本以为这个计算器制作起来还是有点麻烦的,在学了PHP的基础语法和简单的if判断语句之后,就可以制作出一个简单运算的计算器了,本次只是简单的实现了五种运算,加减乘除和取模五种运算。
用PHP的if判断语句简单制作一个计算器的前端显示效果截图:
PHP制作简单计算器所用到的知识点:
1、HTML前端
主要是用到了form表单知识,input框及option下拉列表等知识。
2、PHP流程控制单分支流程控制if语句判断
主要就使用了if判断语句,主要是用了if的单分支判断语句。
大致上就只需要以上知识点就可以使用HTML和PHP制作出一个简单的计算器功能了。
PHP制作简单计算器HTML部分代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>计算器小工具</title>
</head>
<style>
* {
margin: 0;
padding: 0;
}
h3 {
margin: 80px auto;
text-align: center;
}
form {
display: flex;
align-items: center;
margin: 80px auto;
padding: 15px;
width: 600px;
height: 300px;
border: 1px solid red;
}
form input,
form select {
margin: 0 10px;
height: 30px;
}
</style>
<body>
<header>
<h3>计算器小工具</h3>
</header>
<form action="jisuanqi.php" method="post">
<input type="text" name="num1" placeholder="请输入数值型数字1">
<select name="jisuan">
<option value="jia"> + </option>
<option value="jian"> - </option>
<option value="cheng"> x </option>
<option value="chu" selected> / </option>
<option value="qumo" selected> % </option>
</select>
<input type="text" name="num2" placeholder="请输入数值型数字2">
<input type="submit" value="计算">
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>计算器小工具</title>
</head>
<style>
* {
margin: 0;
padding: 0;
}
h3 {
margin: 80px auto;
text-align: center;
}
form {
display: flex;
align-items: center;
margin: 80px auto;
padding: 15px;
width: 600px;
height: 300px;
border: 1px solid red;
}
form input,
form select {
margin: 0 10px;
height: 30px;
}
</style>
<body>
<header>
<h3>计算器小工具</h3>
</header>
<form action="jisuanqi.php" method="post">
<input type="text" name="num1" placeholder="请输入数值型数字1">
<select name="jisuan">
<option value="jia"> + </option>
<option value="jian"> - </option>
<option value="cheng"> x </option>
<option value="chu" selected> / </option>
<option value="qumo" selected> % </option>
</select>
<input type="text" name="num2" placeholder="请输入数值型数字2">
<input type="submit" value="计算">
</form>
</body>
</html>将以上HTML代码命名为了jisuanqi.html。在前端HTML页面代码中中我使用了post的请求方式。
PHP制作简单计算器PHP部分代码:
<?php
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$jisuan = $_POST['jisuan'];
if(!is_numeric($num1) || !is_numeric($num2)){
echo '抱歉!你输入的不是数值类型的数据,请重新输入数值类型';
}
if($jisuan == 'jia'){
echo $num1 . '+' . $num2 . '=' . ($num1+$num2);
}
if($jisuan == 'jian'){
echo $num1 .'-'. $num2 .'='. ($num1-$num2);
}
if($jisuan == 'cheng'){
echo $num1 .'x'. $num2 .'='. ($num1*$num2);
}
if($jisuan == 'chu'){
echo $num1 .'/'. $num2 .'='. ($num1/$num2);
}
if($jisuan == 'qumo'){
echo $num1 .'%'. $num2 .'='. ($num1%$num2);
}
?>
将以上代码命名为jisuanqi.php。
PHP制作简单计算器过程中所遇到的问题:
1、在HTML代码部分,我使用了post的请求方式,在PHP代码中就需要使用预定义的 $_POST 变量来接受前端传输过来的数据。注意:$_POST 变量一定要大写,我在最开始的时候,最后变量没有大写一直报错,后来才发现了是没有大写的原因,$_POST是预定义变量,必须大写。如果使用的是get的请求方式,这里就要用$_GET变量来接受前端传输过来的数据。
2、在if语句ehco输出语句中最后的运算结果两个变量如果不用()包裹住的话,就会报Deprecated The behavior of unparenthesized expressions containing both '.' and '+''-' will change in PHP 8的错误。
若非作者标注皆为李涛自留地原创文章,转载或复制请以超链接形式并注明出处。
- PHP日期函数microtime()用法及实例 2022-10-18
- PHP中如何重命名、复制、删除文件?PHP重命名、复制、删除文件操作实例 2022-11-11
- Z-index属性用法 Css中Z-index的作用 2022-10-13
- wordpress的robots.txt在哪儿?wordpress修改robots文件的方法 2022-09-22
- PHP 数组查找函数 in_array()、array_search()、array_keys() 实战对比 2026-07-02
- PHP对象类型如何检测?PHP如何检测对象属于那个类? 2022-12-12
