方法/步骤
首先打开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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)