码迷,mamicode.com
首页 > 其他好文 > 详细

购物简易计算器

时间:2019-09-20 20:44:06      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:==   parse   method   第一个   func   class   val   set   style   

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物简易计算器</title>
<style>
.Compute{
width:300px;
height:400px;

}
</style>
<script>
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=="/")
{
document.myform.txtResult.value=num1/num2;
}
}
</script>
</head>
<body>
<section class="Compute">
<form action=""method="post" name="myform"id="myform">
<h3>购物简易计算器</h3>
<p> 第一个数:
<input type="text" name="txtNum1"class="textBaroder"id="txtNum1"size="25"/>
<p>第二个数:
<input type="text" name="txtNum2"class="textBaroder"id="txtNum2"size="25"/>
</p>
<p>
<input type="button"name="addButton2"id="addButton2"value="+"style="width:63px;height:20px;"onClick=compute("+"); />&nbsp;
<input type="button"name="subButton2"id="subButton2"value="-" style="width:63px;height:20px;"onClick=compute("-"); />&nbsp;
<input type="button"name="mulButton2"id="mulButton2"value="*" style="width:63px;height:20px;"onClick=compute("*"); />&nbsp;
<input type="button"name="divButton2"id="divButton2"value="/" style="width:63px;height:20px;"onClick=compute("/"); />
</p>
<p>计算结果:
<input type="text"name="txtResult"class="textBaroder" id="txtResult"size="25"/>
</p>
</form>
</section>
</body>
</html>

购物简易计算器

标签:==   parse   method   第一个   func   class   val   set   style   

原文地址:https://www.cnblogs.com/hanweiyan/p/11559493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!