老师留的这个作业,可以用C#和JavaScript实现,但使用C#做出来的要比JavaScript的更简洁明了,更实用,但由于电脑一直未能成功下载安装Microsoft visual studio2010这个软件,无法用C#做此次作业,所以此次的作业我是使用JavaScript做的,因为JavaSript才开课一个月,有很多东西还不会,可能与老师的要求有些出入,我会努力改进的!!!
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<head>
<meta http-equiv="Content-Type" content="textml; charset=utf-8" />
<title>计算器</title>
<style type="text/css">
.From{ background-color:#F3C; margin:0 auto; 250px}
</style>
<script language="javascript">
function compute(op)
{
var num1,num2;
num1=parseFloat(document.myform.txtNum1.value);
num2=parseFloat(document.myform.txtNum2.value);
if(op=="+")
document.myform.txtResult.value=num1+num2;
if(op=="-")
document.myform.txtResult.value=num1-num2;
if(op=="*")
document.myform.txtResult.value=num1*num2;
if(op=="/" && num2!=0)
document.myform.txtResult.value=num1/num2;
}
</script>
</head>
<body><div class="From">
<form action="" method="post" name="myform" id="myform">
<p>第一个数
<input name="txtNum1" type="text" id="txtNum1" />
</p>
<p>第二个数
<input name="txtNum2" type="text" id="txtNum2" />
</p>
<p>
<input type="button" name="button" id="button" value="+" onclick="compute('+')"/>
<input type="button" name="button2" id="button2" value="-" onclick="compute('-')" />
<input type="button" name="button3" id="button3" value="*" onclick="compute('*')"/>
<input type="button" name="button4" id="button4" value="/" onclick="compute('/')"/>
</p>
<p>计算结果
<input name="txtResult" type="text" id="txtResult" />
</p>
</form></div>
</body>
</html>