Question

求解做一个Web数学计算器

首先先谢谢您给的帮助，你给我的解答的，代码用web做计算器那个问题非常感谢
不过老师要求要写一份分析设计说明，您能给我说下大题操作的步骤分析吗，真的谢谢您了
1、课程设计报告要求：
) 正文部分应该包括：需求分析、总体设计、设计理念、设计目的说明

Answer 1

首先，代码大概看得懂吧！！！
分析设计说明就得自己写了，说下大体的步骤：
1.首先是用html表格的形式，大概确定计算器的结构（参与运算的数，运算符，以及计算结果按钮）
参与运算的数由用户输入，采用文本输入，结果使用按钮计算显示
运算符包括+、-、*、/.可以用下拉列表实现，也就是<select></select>
<table class="table1">
<tr><td>请输入第一个数:</td><td><input type="text" name="num1"/></td></tr>
<tr><td>请输入第二个数:</td><td><input type="text" name="num2"/></td></tr>
<tr>
<td>
<select name="oper">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</td>
<td ><input type="submit" value="计算" onclick="myCal()"></td></tr>
</table>
2.用javascript实现计算器计算功能
<script type="text/javascript">
function myCal()
{
var num = document.getElementsByTagName("input");
var oper = document.getElementsByTagName("select");
var resultp;
switch(oper[0].value)
{
case "+":
resultp=parseFloat(num[0].value)+parseFloat(num[1].value);
alert(resultp);
break;
case "-":
resultp=parseFloat(num[0].value)-parseFloat(num[1].value);
alert(resultp);
break;
case "*":
resultp=parseFloat(num[0].value)*parseFloat(num[1].value);
alert(resultp);
break;
case "/":
resultp=parseFloat(num[0].value)/parseFloat(num[1].value);
alert(resultp);
break;
default:
break;
}
}
</script>

以上代码功能为：获取参与运算的数值、运算符，其中注意类型的转换（文本转换为数值型），对不同的运算符采用不同的处理，switch开关语句实现。
3.CSS样式表的使用

<style type="text/css">
*{margin:0px;padding:0px;}
.table1{width:300px;border:1px solid blue;background:gray;}
</style>
使用了通配符合类选择器，根据自己的需要修改，包括背景颜色、表格边框、颜色、宽度等等。

追问

咳咳不是太懂，能告诉我下背景颜色、表格边框、颜色、宽度，的代码是哪些吗，我想修改下

追答

.table1{width:300px;border:1px solid blue;background:gray;}

比如以上代码中，width:300px;表示表格的宽度，想改变宽度修改300即可，
border:1px solid blue;表示表格边框为1个像素（数值越大表示边框越粗），blue表示表格边框颜色为蓝色（可以为其它颜色，如red、pink、yellow...），
background:gray;表示表格的背景色为灰色，可以为其它颜色(如silver、blue、yellow...)等

追问

嗯，谢谢您，我知道了