php写一个简单的网页加法计算器 求助

php写一个简单的网页加法计算器 求助,第1张

方法/步骤

首先打开Wamp Server 软件,在右下角找到绿色图标(有的用户显示的是橙色图标,也可以使用,没有影响。)说明软件打开成功,单击图标会d出一个选择框,选择www.directory。

单击www.directory,会出现一个文件夹,然后在该文件夹里新建一个文本文档jsq.text。接着将jsq.text重命名为jsq.php。在重命名中会有个d出框提示你是否将文件扩展名修改,点击确定就可以在文件夹中看到一个jsq.php的文件了。

打开浏览器在网址上输入localhost,按回车键,之后我们就可以在网页上看到有关WampServer的图标和信息,如果网页上没有显示说明你的WampServer没有打开或者软件安装时没有搭建好环境。

回到www.directory文件夹中,打开jsq.php文件(有php编辑器的就用编辑器打开,例 如:ZendStudio,Dreamweaver等。)然后先编辑html代码,将HTML的整体部分先写出来,在body里面加个table用来划分 个模块,然后在table里面嵌套一个form表单。打开浏览器就可以看到我们制作的静态页面了棚戚清

将页面进行修饰,运用css给table添上样式,给table加上宽,高,还有文本文字居中。另外利用margin将计算器整体调整到中间,让整个页面更仔掘有协调感。并且可以添加一些背景颜色。

进行php代码的编写,首先定义一个变量$a,并且给它赋初值为0。然后运用if条件语句和if(){}elseif(){}语句,进行两数的加减乘除判断,再将结果赋值给$a,最后将$a输出。

将html和php进行联系,通过表单post,将页链前面输入的数传到php,让php中的条件语句进行加减乘除的运算,然后将结果赋值给$a,而$a则通过表单将结果显示在网页上。

这样我们就将一个简单的PHP计算器做好了,下面让我们来进行最后一步,打开浏览器对我们制作的计算器进行测试,我们可以在下拉框中选择加减乘除,然后在文本框里任意填写数字,进行测试。

朋友,你瞎源孙这段代码其实问题很多:

手误: switch ($_POST['Submint'])

逻辑错误:  if($_POST['txt_num1']!=null &&$_POST['txt_num2']!=null)

因为在没有提交的情况下,变量:$_POST['txt_num1']和$_POST['txt_num2']是不存在的

想法错误:

switch ($_POST['Submint'])

{

case "+": $num3=$num1 + $num2break

case "-":  $num3=$num1-$num2break

case "*":  $num3=$num1*$num2break

case "/":  $num3=$num1/$num2break

default:break

}

原因裂春:你可以打印出变量看看:print_r($_POST)就知道问题所在了

4. 考虑不周:<input type="text"磨链 name="txt_num3" value="<?php echo $num3php?>"/>在没有提交的情况下,你怎么来的变量:$num3php,即使有,也是 $num3

方法:可以结合jquery来判断用户单击的是哪个submit,然后再提交给php来出来并返回结果。具体细节您自己学习吧,凭你现在写出来的代码,你还需要一步一步来。

不需要php呀

这样写的行不

<!DOCTYPE html>

<html>

<head>

<title>简单计算器</title>

</head>

<body>

<input type="text" name="first" id="first">

<select id="operate">

<option>+</option>

<option>-<兆巧/option>

<option>*</option>

<option>/</option>

</select>让猜猜

<input type="text" name="second" id="second">=

<input type="text" name="result" id="result">

<input type="button" name="运算" value="运坦型算" onClick="operate()">

<script type="text/javascript">

function operate() {

var first = parseInt(document.getElementById("first").value)

var second = parseInt(document.getElementById("second").value)

var result = document.getElementById("result")

var opt = document.getElementById("operate")

if (0 == opt.selectedIndex) {

resultvalue = first + second

}else if(1 == opt.selectedIndex){

resultvalue = first - second

}else if (2 == opt.selectedIndex) {

resultvalue = first * second

}else if (3 == opt.selectedIndex) {

if (second == 0) {

alert("除数不能为0")

}

resultvalue = first / second

}

result.setAttribute("value",resultvalue)

}

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12406938.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存