您的位置：首页 > 其它

四则运算

2015-10-07 19:25 288 查看
老师留的这个作业，可以用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; width: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>







内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航