⽤PHP制作简易的四则运算的计算器(固定数值和运算符)
⽤PHP制作简易的四则运算的计算器
要求:⽤户能够在⽂本框中输⼊输⼊要计算的数字,然后选择相应的运算符进⾏运算。同时,为了能让⽤户确认刚刚的计算,⽂本框的数字和运算符不能因为提交⽽清空或复位。
思路:
1、先写好HTML页⾯;
2、在PHP中写⼊代码使其响应数据的采集、处理、输出过程;
3、固定⽂本框数字和运算符
1、先写好HTML页⾯(如下)
<body>
<form action="" method="get">
/*这⾥也可以⽤method="post",待会在PHP中相应为POST即可*/
输⼊平⽅计算数:
<input type="text" name="input_num" value="">
<select name="calc">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" name="input_num2" value="">
<input type="submit" name="sub" value="="/>
<input type="text" name="output_num" value="">
</form>
</body>
2、PHP内,采集数据,处理后输出。
if(isset($_GET['sub'])){
/*将⽂本框中采集的数据保存到下⾯的变量,a为第⼀个b为第⼆个,calc为运算符*/
$a=$_GET['input_num'];
$b=$_GET['input_num2'];
$calc=$_GET['calc'];
switch($calc){
case"+":$num=$a+$b;break;
case"-":$num=$a-$b;break;
case"*":$num=$a*$b;break;
case"/":$num=$a/$b;break;
}
}网页计算器html代码
3、固定⽂本框数字和运算符
到这⾥则完成了第⼀句话的要求。⽽第⼆句话的要求则再HTML中插⼊⼏句PHP的代码即可。直接在完整代码中显⽰了,如下。
<body>
<form action="" method="get">
/*这⾥也可以⽤method="post",待会在PHP中相应为POST即可*/
输⼊平⽅计算数:
<input type="text" name="input_num" value="<?php echo $a?>">
<select name="calc">
/**固定运算符使其不复位/
<option <?php echo $calc == '+' ? 'selected' : ''?>>+</option>
<option <?php echo $calc == '-' ? 'selected' : ''?>>-</option>
<option <?php echo $calc == '*' ? 'selected' : ''?>>*</option>
<option <?php echo $calc == '/' ? 'selected' : ''?>>/</option>
</select>
<input type="text" name="input_num2" value="<?php echo $b?>">
/*固定⽂本框的数字使其不被清除*/
<input type="submit" name="sub" value="="/>
<input type="text" name="output_num" value="<?php echo $num;?>">
</form>
</body>
/*若上⾯⽤method="post"这⾥则为isset($_POST['sub'])*/
if(isset($_GET['sub'])){
/*将⽂本框中采集的数据保存到下⾯的变量,a为第⼀个b为第⼆个,calc为运算符*/ $a=$_GET['input_num'];
$b=$_GET['input_num2'];
$calc=$_GET['calc'];
switch($calc){
case"+":$num=$a+$b;break;
case"-":$num=$a-$b;break;
case"*":$num=$a*$b;break;
case"/":$num=$a/$b;break;
}
}