计算不显示结果是为什么？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
section{
background-color:#c9e495;
width:280px;
height:330px;
text-align:center;
padding-top:1px;}
.textBaroder{
border-width:1px;
border-style:solid;}
</style>
</head>
<body>
<section>
<h1>
<img src="image/logo.jpg" width="260" height="31">欢迎来到淘宝！
</h1>
<form action="" method="post" name="myform" id="myform">
<h3>
<img src="file:///F|/17网页/计算机/image/购物车.jpg" width="54" height="54">购物简易计算器
</h3>
第一个数<input name="txtNum1" type="text" class="textBaroder" id="txtNum1" size="25">
第二个数<input name="txtNum2" type="text" class="textBaroder" id="txtNum2" size="25">
<input name="addButton2" type="button" id="addButton2" value=" + " onChange="compute('+')">
<input name="subButton2" type="button" id="subButton2" value=" - " onChange="compute('-')">
<input name="mulButton2" type="button" id="mulButton2" value=" × " onChange="compute('*')">
<input name="divButton2" type="button" id="divButton2" value=" ÷ " onChange="compute('/')">
计算结果<INPUT name="textResult" type="text" class="textBaroder" id="textResult" size="25">
</form>
</section>
<script>
function compute(op)
{
var num1,num2;
num1 = oarseFloat(document.myform.txtNum1.value);
num2 = oarseFloat(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>
</body>
</html>
