JavaScript页面的简单运算
Posted 黄小鱼ZZZ
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript页面的简单运算相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<title>购物简易计算器</title>
<style>
section
background-color:#C9E495;
width:260px;
height:320px;
text-align:center;
padding-top:1px;
margin-top:12px;
.textBaroder
border-width:1px;
border-style:solid;
</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>
<h1><img src="a.jpg" width="240" height="31">欢迎您来淘宝！</h1>
<form action="" method="post" name="myform" id="myform">
<h3><img src="b.jpg" width="54" height="54">购物简易计算器</h3>
<p>第一个数<input name="txtNum1" type="text" class="textBaroder" id="txtNum1" size="25"></p>
<p>第二个数<input name="txtNum2" type="text" class="textBaroder" id="txtNum2" size="25"></p>
<p><input name="addButton2" type="button" id="addButton2" value=" + "
οnclick="compute('+')">
<input name="subButton2" type="button" id="subButton2" value=" - " οnclick="compute('-')">
<input name="mulButton2" type="button" id="mulButton2" value=" * " οnclick="compute('*')">
<input name="divButton2" type="button" id="divButton2" value=" / " οnclick="compute('/')">
<p>计算结果<input name="txtResult" type="text" class="textBaroder" id="txtResult"
size="25"></p>
</form>
</section>
</body>
</html>以上是关于JavaScript页面的简单运算的主要内容，如果未能解决你的问题，请参考以下文章
javascript 运算符，流程控制，四种变量，函数一级页面交互
简单地替代 JavaScript 中逻辑运算符的赋值运算符？